Si të konfiguroni telefonat inteligjentë dhe PC. Portali informativ
  • në shtëpi
  • Interesante
  • Aplikacioni Iframe VKontakte. JavaScript: Aplikacioni i parë i Vkontakte: Hello World, Ivanych

Aplikacioni Iframe VKontakte. JavaScript: Aplikacioni i parë i Vkontakte: Hello World, Ivanych

Tema u krijua për dummies VK API, por për programuesit që kuptojnë se çfarë janë php, javascript, jquery, css.

Nëse i dini të gjitha sa më sipër, merrni disa minuta për të lexuar këtë temë dhe ndiqni udhëzimet. Nuk do t'ju marrë shumë kohë! Ju do të jeni në gjendje të zgjeroni aftësitë dhe arritjet tuaja treg i ri. Pika kryesore e aplikacioneve është se VK jep trafik dhe aplikacioni juaj menjëherë pas miratimit (1-2 ditë) do të shihet nga një mijë njerëz. NË këtë mësim Unë do t'ju tregoj se si të bëni një aplikacion dhe të shfaqni avatarët e miqve në një kolonë.

Për mua personalisht ishte shumë e vështirë të kuptoja se çfarë dhe ku, prandaj lindi ideja e kësaj teme.

1. Shkoni në faqen e zhvilluesve: vk.com/developers.php

2. Ne krijojmë një aplikacion duke klikuar në butonin blu.

3. Futni emrin, zgjidhni llojin - iframe/Flash dhe çdo kategori

4. Ne marrim SMS nga VK, konfirmoni që nuk jemi një bot. Ne jemi habramen!

5. Hurra - urra - urra! Ju keni krijuar aplikacionin tuaj të parë (ose ndoshta jo të parën)! Tjetra, shkoni te "Cilësimet".

6. Zgjidhni: Shteti - aplikacioni është i aktivizuar dhe i dukshëm për të gjithë, Lloji i aplikacionit: iframe. Kërkohet instalimi i aplikacionit. Kërko qasje në - qasje te miqtë. Fut adresën për skriptin (në rastin tim, skripti do të mbahet në vend).
Kujdes! Gjerësia maksimale aplikacionet - 827 pix.

7. Tani e hapim tonën indeks.php dhe plotësoni:

8. Duket se nuk ka asgjë të komplikuar në kodin e mësipërm. Le te vazhdojme. tani do të lidhim skriptet Vkontakte API.

9. Tani do të përdorim një skript për të ndryshuar lartësinë e Iframe bazuar në përmbajtjen. Le të themi se kemi lartësinë e aplikacionit në cilësimet - 500 piksele. Dhe nëse kemi 200 miq dhe do të ketë 200 avatarë në një kolonë? Çfarë duhet bërë? Le të krijojmë një skenar për këtë - vk_lartësia.js

VK.init(funksioni()( )); funksioni autosize(width) ( //Kontrollimi i elementit të trupit për praninë. if (!document.getElementById("body")) ( alarm("gabim"); return; ) // Nëse skripti VK u lidh me sukses nëse (lloji i VK.callMethod != "i papërcaktuar") ( /* Thirrni funksionin vk js api për të kontrolluar dritaren. VK.callMethod("funksion", parametrat) këtë rast kemi - VK.callMethod("ndryshimi_madhësia_dritare", gjerësia, lartësia); Shtojmë edhe 60 piksele të tjera në mënyrë që të ketë një distancë të vogël. */ VK.callMethod("resizeWindow", 840, document.getElementById("body").clientHeight + 60); ) else ( alert("gabim #2"); ) ) $(document).ready(function()( //Thirrni funksionin e rregullimit të lartësisë çdo gjysmë sekonde. setInterval("autosize(607)", 500); )) ;

10. Tani le të lidhim tonën vk_lartësia.js për të indeks.php

11. Le të shkruajmë Përshëndetje, botë! V indeks.php
Përshendetje Botë!

12. Është koha për të punuar me vetë API-në VK JS.

Api VK më kujton shumë jquery. Njerëzit që dinë $.post, $.get, $.ajax do të kuptojnë menjëherë se çfarë është çfarë. Kujdes! Si parazgjedhje, të dhënat nga VK vijnë në json.

Ne vërejmë menjëherë se si madhësia e dritares është zvogëluar ...

Fatkeqësisht, diku mund të harroja disa hollësi. Për shembull, rastësisht m'u kujtua që të dhënat vijnë në json para publikimit. Për këtë, thuaj nëse ka ndonjë gjë.

Etiketa: php, javascript, jquery, vkontakte api

Sot do të flasim për krijimin e aplikacionit tuaj të parë për faqen e internetit Vkontakte. Epo, si traditë historike, do të jetë programi “Hello World!”.
Bëhet fjalë për aplikacionin IFrame. Për ata që nuk e dinë, kjo teknologji ju lejon të krijoni një aplikacion duke përdorur burimet e faqes tuaj. Me fjalë të tjera, një aplikacion është një kornizë me adresën tuaj të internetit.

Lëreni faqen tonë të vendoset në: http://mysite.ru. Për të mos mbetur në dosjen e faqes kryesore, le të krijojmë një dosje në rrënjën e faqes dhe ta quajmë "vk".

Le të krijojmë një skedar "index.php" në dosjen tonë të re me përmbajtjen e një dokumenti bosh HTML.

Përshendetje Botë!

Le të shtojmë një fushë në të cilën do të shfaqet emri dhe mbiemri i personit që ka hapur aplikacionin.

Përshendetje Botë! Përshendetje Botë, ?!

Tani, le të shkojmë direkt në thelbin e çështjes. Gjëja e parë që duhet të bëni është të lidhni metodat për të punuar me API-në e Kontaktit. Për ta bërë këtë, shtoni rreshtin e mëposhtëm në etiketën HEAD:

Përshendetje Botë! Përshendetje Botë, ?!

Disa komente mbi kodin e mësipërm. Parametrat për aplikacionin transmetohen nga një kërkesë GET, të gjithë parametrat mund të shihen në faqen e internetit VKontakte ose duke thirrur funksionin alert(lokacioni.href);

VK.init— Funksioni i detyrueshëm që inicializon objektin global VK të kërkuar për funksionimin e aplikacionit.

VK.api- Funksioni i thirrjes së procedurës VK API, parametri i parë është funksioni për të thirrur, parametri i dytë janë parametrat e funksionit të thirrur, parametri i tretë është funksioni callBack, d.m.th. një funksion që do të thirret pasi të ekzekutohet metoda e specifikuar. Në rastin tonë, funksioni "getProfiles" kthen informacione rreth përdoruesit, ai ka një parametër të kërkuar - ID-në e përdoruesit në faqen e internetit VKontakte.

E rëndësishme: Dy parametra përgjegjës për identifikimin e përdoruesit kalojnë në faqen e aplikacionit - këto janë identifikimi i shikuesit dhe ID_ja e përdoruesit. viewer_id - ID e përdoruesit që shikon aplikacionin, user_id - ID e përdoruesit që e ftoi këtë përdorues në aplikacion. Për shembull, kur ndiqni lidhjen http://vkontakte.ru/app2270785, ndryshorja user_id do të jetë e barabartë me zero, dhe kur ndiqni lidhjen http://vkontakte.ru/app2270785_3596080, kjo ndryshore do të jetë e barabartë me 3596080.

të dhëna- në rastin tonë, objekti i kthyer i funksionit API. Mund të ketë një fushë gabimi ose përgjigjeje, në rastin e parë do të thotë që kërkesa dështoi, në rastin e dytë kemi një grup të rezultateve të funksionit. Në rastin tonë, ne kemi kërkuar informacionin e një përdoruesi, që do të thotë se kemi marrë një grup me një element.

Për t'u njohur me metodat dhe vlerat e kthimit, mund të ndiqni këtë lidhje: http://vkontakte.ru/developers.php#devstep2

6 mars 2011 në 2:13 pasdite

Zhvillimi i një aplikacioni IFrame në Vkontakte, duke përdorur Vkontakte API

  • Zhvillimi i faqes në internet

Instaloni Joomla - gjithçka është mjaft transparente dhe e kuptueshme atje.

Faza 3: JS API dhe "API në kontakt"

Ajo që ne kemi në shërbim: një aplikacion i ri në VKontakte dhe një faqe e krijuar rishtazi në disa shabllone standarde të Joomla.

Këtu menjëherë dua t'i kushtoj vëmendje API-së në Vkontakte!

Ekzistojnë 2 lloje të API-ve:

  1. Javascript API
  2. API në Kontakt

Duke përdorur të parën, mund të thirrni kuti të ndryshme dialogu (ftimi i miqve në aplikacion, regjistrimi i votave, vendosja e aksesit në të dhënat e përdoruesit, etj. Një përshkrim i detajuar i këtyre metodave mund të gjendet.

Mundësitë e të dytit janë shumë më të mëdha! Qasja në skriptin www.vkontakte.ru/api.php mund të bëhet në çdo mënyrë të përshtatshme, pavarësisht nëse është një kërkesë AJAX ose një kërkesë HTTP direkt nga serveri. Përshkrimi i të gjitha metodave api është .

Tani më shumë rreth inicializimit të api dhe punës me to. Le të fillojmë me radhë:

API JS inicializohet duke shtuar javascript-in e mëposhtëm në shabllonin tonë:

Src=http://vkontakte.ru/js/api/xd_connection.js?2

VK.init(funksion() (

// Kodi juaj këtu
});

Do të doja të vëreja menjëherë se "Inicializimi i API-së pati sukses" kjo rresht nuk është shkruar kot këtu dhe thotë që funksioni VK.init do të ekzekutohet kur API të jetë gati për të punuar! Por jo burimi juaj i internetit. Për të kontrolluar gatishmërinë për ekzekutimin e kodit tuaj js, mund të përdorni bibliotekën ose kornizën tuaj të preferuar js. Personalisht, unë preferoj Mootools - e kam përdorur atë.

Kodi im i inicializimit duket si ky:

VK.init(funksion() (
// Inicializimi i API-së pati sukses
window.addEvent("domready", funksion()(
//DOM gati
})
});

Çfarë mund të bëjmë tani? Dhe tani ne mund të përdorim API, domethënë, për shembull, të kontrollojmë nëse përdoruesi ka zgjedhur parametrat e kërkuar që aplikacioni të ketë akses në të dhënat e tij. Për shembull si kjo:

VK.api("getUserSettings", funksion(të dhëna)(
nëse (të dhënat.përgjigja)(
if (!(256 & data.response))
VK.callMethod ("showSettingsBox", 263);
}
if(data.gabim)(
alert("Kodi i gabimit:"+data.error.gabim);
}
});

Për ta bërë këtë, ne fillimisht thërrasim funksionin getUserSettings, i cili do të kthejë një bitmask të cilësimeve të përdoruesit aktual. Thirrja kryhet duke përdorur metodën VK.api, ku parametri i parë është emri i funksionit dhe i dyti është funksioni CallBack. Variabli i të dhënave është rezultat i funksionit getUserSettings, i cili duhet të kontrollohet për një gabim, nëse data.error kthehet, do të thotë një gabim! Gabimi mund të jetë për shkak të dy (për mendimin tim) arsye: aplikacioni nuk miratohet nga administrata e faqes (para miratimit, vetëm getProfiles funksionoi për mua, nga rruga, më vonë pashë postime në forume që gjithçka funksionon në modalitetin e testimit ). Nëse funksioni ktheu data.response, atëherë ne vazhdojmë të punojmë, kontrollojmë maskat e bitave të të drejtave aktuale dhe ato të kërkuara dhe thërrasim funksionin showSettingsBox JS API me parametrin e vetëm (maskën e të drejtave të kërkuara, kam 263 - kjo është qasja në foto, miq dhe një lidhje me aplikacionin në menunë e majtë të përdoruesit)

Sipas mendimit tim, thirrja e metodave "API në Kontakt" duke përdorur JS API nuk është disi e mirë. Kjo është e dobishme për detyra të thjeshta. Një aplikacion plotësisht Iframe i ndërtuar në JS kërkon shumë punë intensive. Dhe kështu ne i drejtohemi studimit të kërkesave HTTP në API.

Faza 4: PHP dhe "API në kontakt"

Për ta bërë këtë, ne kemi Joomla dhe një klasë që marrim nga lidhja

Për të punuar me API përmes PHP, do t'ju duhet të krijoni dy konstante, të cilat do të përfshihen në secilën kërkesë - api_id-in e aplikacionit tuaj (mund të shihet drejtpërdrejt në shiritin e adresave kur klikoni në lidhjen e aplikacionit) dhe çelësi sekret - lëshohet kur krijohet aplikacioni (është i gjatë dhe mund të ndryshohet në cilësimet e aplikacionit)

Thirrja e API-së duke përdorur PHP duket si kjo:

Foreach ($this->artikuj si $item)(
$uids = $item->artikull;
}
$api = vkapi i ri();
$ans = $api->api("getProfiles", array("uids" => implode(",",$uids), "fields" => "foto, photo_big"));

Foreach i parë merr të gjithë përdoruesit e regjistruar nga aplikacioni im (por jo më shumë se 1000), dhe më pas i bëhet një kërkesë "API në kontakt" për të ngarkuar të dhëna për këta përdorues. Në dalje, kemi një grup vlerash të formës: $ans["përgjigje"][$i]["fushë"], ku përgjigja është një grup të dhënash për përdoruesit, pastaj elementi $i, dhe në fund fusha e kërkuar e pronës së përdoruesit, për shembull, emri i parë (emri) ose fotografia.

Përparësitë e kësaj qasjeje:

1. Metodat e sigurta të API-së bëhen të disponueshme, gjë që nuk është e parëndësishme nëse duhet të zbuloni bilancin ose të regjistroheni/tërhiqni votat.
2. Nuk ka nevojë të shkruani "mijëra" rreshta kodi në JS për të punuar me API
3. Ne marrim një faqe interneti dhe aplikacion të lehtë për t'u administruar në të njëjtën kohë.

Çfarë saktësisht bëra në Joomla për të treguar për një kohë shumë të gjatë dhe nuk është e nevojshme, do të jap vetëm një logjikë të përafërt të aplikacionit tim.

Nuk është sekret që të gjithë komponentët e Joomla-s bazohen në modelin MVC. Kush vendos gjithçka në rafte!

Kontrolluesi i komponentit pranon të gjitha komandat/kërkesat e përdoruesit (të paktën për veprimet e përdoruesit kur klikoni në lidhje, të paktën me ndihmën e kërkesave AJAX duke përdorur JS)

Modeli është përgjegjës për të gjitha operacionet me bazën e të dhënave të komponentit tonë, për mua, për shembull: ai shfaq vetë votimin, listat e atyre që votuan për një pjesëmarrës të caktuar në votim, i përgjigjet kontrollit dhe rivotimit dhe disa funksione të tjera ndihmëse. .

View kontrollon daljen e Layout-eve të ndryshme dhe transferimin e të dhënave nga modeli tek ata.

Për ata që kanë zhvilluar komponentë për Joomla, gjithçka është shumë e qartë.

Askush nuk na pengon të përdorim klasën vkapi.class.php kudo në aplikacion, unë personalisht e përdora atë vetëm për të përgatitur të dhëna për dalje (për shembull, nga uid-i i përdoruesve në kontaktin që aplikacioni im u instalua, unë ngarkuar adresat e fotove)

Faza 5: Widgets

Të gjithë tashmë janë mësuar me një numër të madh të formave dhe butonave të ndryshëm nga rrjetet sociale. Unë gjithashtu doja këtë në aplikacionin tim Iframe. Si të lidhni miniaplikacionin e komenteve:

Asnjëherë mos shtoni kodin e mëposhtëm në një faqe:

Kjo është e përshtatshme për faqet e internetit, por jo e përshtatshme për aplikacionet iframe!

Mjafton ta bëni këtë:

VK.Widgets.Comments("vk_comments", (kufiri: 10, gjerësia: "578", bashkëngjitni: "*"));

API JS ka zbatuar tashmë funksione për shtimin e miniaplikacioneve.

Sa për vetë komentet, ju e dini që kur një përdorues lë një koment në faqen me aplikacionin, ai publikohet edhe në murin e tij, por me një lidhje në faqen tuaj, jo në aplikacion! Për të shmangur këtë, duhet të përdorni parametrin pageURL, i cili do të përmbajë adresën e aplikacionit në formatin www.vkontakte.ru/app (app_id)

Si rezultat, mora këtë:

VK.Widgets.Comments("vk_comments", (kufizimi: 10, gjerësia: "578", bashkëngjitni: "*", faqeURL: "http://vkontakte.ru/app2176209"));

Faza 6: Përfundim

Si rezultat, ne kemi një aplikacion të thjeshtë, por funksional në VKontakte. I cili mund të zgjerohet dhe zhvillohet lehtësisht duke shtuar gjithnjë e më shumë veçori dhe përbërës të rinj duke përdorur CMS-në tuaj të preferuar në lidhje me API-në në Kontakt dhe JS API.

Ja çfarë kam marrë.

Mirembrema. Në këtë postim, unë do të doja të analizoja shërbimin për shikimin e miqve të përbashkët dhe anëtarëve të përbashkët të grupit në vk.com. Gjithashtu dua t'ju tregoj se çfarë kam hasur kur kalova moderimin në katalogun e aplikacioneve.

Dhe kështu për të shtuar aplikacionin tuaj në vk.com, së pari duhet krijojnë.

I. Vendosja e projektit dhe pak për kërkesën e parë për të API

Pasi ne krijoi një aplikacion iframe, duhet ta konfigurojmë. Le të shkojmë te cilësimet e aplikacionit.

Unë dërgoj kërkesën e parë në mënyrë që kur të fillojë aplikacioni, VK.COM të kthehet menjëherë tek unë, duke përdorur MARR parametri rezultati_api, të dhëna të detajuara për përdoruesin që ka hyrë në aplikacion.

Kërkesa e parë për API:

method=users.get&user_ids=(viewer_id)&fields=photo_50&format=json&v=5.28


II. Pikat kryesore të zbatimit në JS

Vështirësitë në zbatim mund të lindin në kohën e marrjes së anëtarëve të grupit, VK API kthen jo më shumë se 1000 anëtarë në një kërkesë. Nëse kërkoni 1 kërkesë të tillë, atëherë procesi i marrjes së listës së pjesëmarrësve do të jetë shumë i gjatë. E zgjidha këtë problem duke aplikuar kodin e përshkruar në artikullin tim të mëparshëm, me të cilin mund të merrni 25,000 pjesëmarrës në të njëjtën kohë.

Unë gjithashtu do të doja të shpjegoja pse nuk aplikova metodën e gatshme për përdoruesit e VK miq.get Reciproke, i cili kthen një listë identifikuesish të miqve të ndërsjellë midis një palë përdoruesish ... Fakti është se shërbimi funksionon jo vetëm me përdoruesit, por edhe me grupet, kështu që do të ishte e tepërt të bëhej një sërë përpunimi, për shembull, nëse ka një përdorues dhe një grup. Po, mund ta përpunoni, madje do ta përshpejtojë punën në disa raste.

Të gjitha metodat në statistikat e kërkesave API funksionojnë pa gabime, përveç metodës utils.resolveScreenName, kjo është për shkak të përdoruesve që futin lidhje të pavlefshme në fushën e hyrjes.

III. Ne kalojmë moderimin në katalogun e aplikacioneve

Pasi e dërgoi aplikacionin e përfunduar për verifikim, moderatori e refuzoi atë 2 ditë më vonë, pasi aplikacioni nuk funksionoi sipas HTTPS protokoll. E zgjidha këtë problem duke ngarkuar aplikacionin nga serveri im në server github, duke punuar sipas protokollit HTTPS.

Instaloni Joomla - gjithçka është mjaft transparente dhe e kuptueshme atje.

Faza 3: JS API dhe "API në kontakt"

Ajo që ne kemi në shërbim: një aplikacion i ri në VKontakte dhe një faqe e krijuar rishtazi në disa shabllone standarde të Joomla.

Këtu menjëherë dua t'i kushtoj vëmendje API-së në Vkontakte!

Ekzistojnë 2 lloje të API-ve:

  1. Javascript API
  2. API në Kontakt

Duke përdorur të parën, mund të thirrni kuti të ndryshme dialogu (ftimi i miqve në aplikacion, regjistrimi i votave, vendosja e aksesit në të dhënat e përdoruesit, etj. Një përshkrim i detajuar i këtyre metodave mund të gjendet.

Mundësitë e të dytit janë shumë më të mëdha! Qasja në skriptin www.vkontakte.ru/api.php mund të bëhet në çdo mënyrë të përshtatshme, pavarësisht nëse është një kërkesë AJAX ose një kërkesë HTTP direkt nga serveri. Përshkrimi i të gjitha metodave api është .

Tani më shumë rreth inicializimit të api dhe punës me to. Le të fillojmë me radhë:

API JS inicializohet duke shtuar javascript-in e mëposhtëm në shabllonin tonë:

Src=http://vkontakte.ru/js/api/xd_connection.js?2

VK.init(funksion() (

// Kodi juaj këtu
});

Do të doja të vëreja menjëherë se "Inicializimi i API-së pati sukses" kjo rresht nuk është shkruar kot këtu dhe thotë që funksioni VK.init do të ekzekutohet kur API të jetë gati për të punuar! Por jo burimi juaj i internetit. Për të kontrolluar gatishmërinë për ekzekutimin e kodit tuaj js, mund të përdorni bibliotekën ose kornizën tuaj të preferuar js. Personalisht, unë preferoj Mootools - e kam përdorur atë.

Kodi im i inicializimit duket si ky:

VK.init(funksion() (
// Inicializimi i API-së pati sukses
window.addEvent("domready", funksion()(
//DOM gati
})
});

Çfarë mund të bëjmë tani? Dhe tani ne mund të përdorim API, domethënë, për shembull, të kontrollojmë nëse përdoruesi ka zgjedhur parametrat e kërkuar që aplikacioni të ketë akses në të dhënat e tij. Për shembull si kjo:

VK.api("getUserSettings", funksion(të dhëna)(
nëse (të dhënat.përgjigja)(
if (!(256 & data.response))
VK.callMethod ("showSettingsBox", 263);
}
if(data.gabim)(
alert("Kodi i gabimit:"+data.error.gabim);
}
});

Për ta bërë këtë, ne fillimisht thërrasim funksionin getUserSettings, i cili do të kthejë një bitmask të cilësimeve të përdoruesit aktual. Thirrja kryhet duke përdorur metodën VK.api, ku parametri i parë është emri i funksionit dhe i dyti është funksioni CallBack. Variabli i të dhënave është rezultat i funksionit getUserSettings, i cili duhet të kontrollohet për një gabim, nëse data.error kthehet, do të thotë një gabim! Gabimi mund të jetë për shkak të dy (për mendimin tim) arsye: aplikacioni nuk miratohet nga administrata e faqes (para miratimit, vetëm getProfiles funksionoi për mua, nga rruga, më vonë pashë postime në forume që gjithçka funksionon në modalitetin e testimit ). Nëse funksioni ktheu data.response, atëherë ne vazhdojmë të punojmë, kontrollojmë maskat e bitave të të drejtave aktuale dhe ato të kërkuara dhe thërrasim funksionin showSettingsBox JS API me parametrin e vetëm (maskën e të drejtave të kërkuara, kam 263 - kjo është qasja në foto, miq dhe një lidhje me aplikacionin në menunë e majtë të përdoruesit)

Sipas mendimit tim, thirrja e metodave "API në Kontakt" duke përdorur JS API nuk është disi e mirë. Kjo është e dobishme për detyra të thjeshta. Një aplikacion plotësisht Iframe i ndërtuar në JS kërkon shumë punë intensive. Dhe kështu ne i drejtohemi studimit të kërkesave HTTP në API.

Faza 4: PHP dhe "API në kontakt"

Për ta bërë këtë, ne kemi Joomla dhe një klasë që marrim nga lidhja

Për të punuar me API përmes PHP, do t'ju duhet të krijoni dy konstante, të cilat do të përfshihen në secilën kërkesë - api_id-in e aplikacionit tuaj (mund të shihet drejtpërdrejt në shiritin e adresave kur klikoni në lidhjen e aplikacionit) dhe çelësi sekret - lëshohet kur krijohet aplikacioni (është i gjatë dhe mund të ndryshohet në cilësimet e aplikacionit)

Thirrja e API-së duke përdorur PHP duket si kjo:

Foreach ($this->artikuj si $item)(
$uids = $item->artikull;
}
$api = vkapi i ri();
$ans = $api->api("getProfiles", array("uids" => implode(",",$uids), "fields" => "foto, photo_big"));

Foreach i parë merr të gjithë përdoruesit e regjistruar nga aplikacioni im (por jo më shumë se 1000), dhe më pas i bëhet një kërkesë "API në kontakt" për të ngarkuar të dhëna për këta përdorues. Në dalje, kemi një grup vlerash të formës: $ans["përgjigje"][$i]["fushë"], ku përgjigja është një grup të dhënash për përdoruesit, pastaj elementi $i, dhe në fund fusha e kërkuar e pronës së përdoruesit, për shembull, emri i parë (emri) ose fotografia.

Përparësitë e kësaj qasjeje:

1. Metodat e sigurta të API-së bëhen të disponueshme, gjë që nuk është e parëndësishme nëse duhet të zbuloni bilancin ose të regjistroheni/tërhiqni votat.
2. Nuk ka nevojë të shkruani "mijëra" rreshta kodi në JS për të punuar me API
3. Ne marrim një faqe interneti dhe aplikacion të lehtë për t'u administruar në të njëjtën kohë.

Çfarë saktësisht bëra në Joomla për të treguar për një kohë shumë të gjatë dhe nuk është e nevojshme, do të jap vetëm një logjikë të përafërt të aplikacionit tim.

Nuk është sekret që të gjithë komponentët e Joomla-s bazohen në modelin MVC. Kush vendos gjithçka në rafte!

Kontrolluesi i komponentit pranon të gjitha komandat/kërkesat e përdoruesit (të paktën për veprimet e përdoruesit kur klikoni në lidhje, të paktën me ndihmën e kërkesave AJAX duke përdorur JS)

Modeli është përgjegjës për të gjitha operacionet me bazën e të dhënave të komponentit tonë, për mua, për shembull: ai shfaq vetë votimin, listat e atyre që votuan për një pjesëmarrës të caktuar në votim, i përgjigjet kontrollit dhe rivotimit dhe disa funksione të tjera ndihmëse. .

View kontrollon daljen e Layout-eve të ndryshme dhe transferimin e të dhënave nga modeli tek ata.

Për ata që kanë zhvilluar komponentë për Joomla, gjithçka është shumë e qartë.

Askush nuk na pengon të përdorim klasën vkapi.class.php kudo në aplikacion, unë personalisht e përdora atë vetëm për të përgatitur të dhëna për dalje (për shembull, nga uid-i i përdoruesve në kontaktin që aplikacioni im u instalua, unë ngarkuar adresat e fotove)

Faza 5: Widgets

Të gjithë tashmë janë mësuar me një numër të madh të formave dhe butonave të ndryshëm nga rrjetet sociale. Unë gjithashtu doja këtë në aplikacionin tim Iframe. Si të lidhni miniaplikacionin e komenteve:

Asnjëherë mos shtoni kodin e mëposhtëm në një faqe:

Kjo është e përshtatshme për faqet e internetit, por jo e përshtatshme për aplikacionet iframe!

Mjafton ta bëni këtë:

VK.Widgets.Comments("vk_comments", (kufiri: 10, gjerësia: "578", bashkëngjitni: "*"));

API JS ka zbatuar tashmë funksione për shtimin e miniaplikacioneve.

Sa për vetë komentet, ju e dini që kur një përdorues lë një koment në faqen me aplikacionin, ai publikohet edhe në murin e tij, por me një lidhje në faqen tuaj, jo në aplikacion! Për të shmangur këtë, duhet të përdorni parametrin pageURL, i cili do të përmbajë adresën e aplikacionit në formatin www.vkontakte.ru/app (app_id)

Si rezultat, mora këtë:

VK.Widgets.Comments("vk_comments", (kufizimi: 10, gjerësia: "578", bashkëngjitni: "*", faqeURL: "http://vkontakte.ru/app2176209"));

Faza 6: Përfundim

Si rezultat, ne kemi një aplikacion të thjeshtë, por funksional në VKontakte. I cili mund të zgjerohet dhe zhvillohet lehtësisht duke shtuar gjithnjë e më shumë veçori dhe përbërës të rinj duke përdorur CMS-në tuaj të preferuar në lidhje me API-në në Kontakt dhe JS API.

Ja çfarë kam marrë.

Artikujt kryesorë të lidhur