Tema je kreirana za VK API lutke ali za programere koji razumiju šta su php, javascript, jquery, css.
Ako znate sve gore navedeno, odvojite nekoliko minuta da pročitate ovu temu i slijedite upute. Neće vam trebati dugo! Moći ćete proširiti svoje mogućnosti i doseg novo tržište. Vrhunac aplikacija je što VK daje promet i vašu aplikaciju će vidjeti hiljadu ljudi odmah nakon odobrenja (1-2 dana). IN ovu lekciju Reći ću vam kako napraviti aplikaciju i prikazati avatare prijatelja u koloni.
Lično mi je bilo jako teško da shvatim šta i gde, pa je i nastala ideja za ovu temu.
1. Idite na stranicu programera: vk.com/developers.php
2. Kreirajte aplikaciju klikom na plavo dugme.
3. Unesite naziv, odaberite tip - iframe/Flash i bilo koju kategoriju
4. Dobijamo SMS od VK, koji potvrđuje da nismo bot. Mi smo habraman!
5. Ura - ura - ura! Kreirali ste svoju prvu aplikaciju (ili možda ne svoju prvu)! Zatim idite na “Postavke”.
6. Odaberite: Status - aplikacija je omogućena i vidljiva svima, Tip aplikacije: iframe. Potrebna je instalacija aplikacije. Zatražite pristup - pristup prijateljima. Unesite adresu za skriptu (u mom slučaju, skripta će biti hostovana na lokalnom području).
Pažnja! Maksimalna širina aplikacije - 827 piksela.
7. Sada otvorite naš index.php i popunite ga:
8. Čini se da u gornjem kodu nema ništa komplikovano. Hajde da nastavimo. Sada ćemo povezati VKontakte API skripte.
9. Sada ćemo koristiti skriptu za promjenu visine Iframe-a ovisno o sadržaju. Recimo da je visina aplikacije u postavkama 500 piksela. Šta ako imamo 200 prijatelja i 200 avatara u koloni? sta da radim? Za ovo kreiramo skriptu - vk_height.js
VK.init(function())( )); function autosize(width) ( //Provjerite prisutnost elementa tijela. if (!document.getElementById("body")) ( alert("error"); return; ) // Da li je VK skripta uspješno povezana if (typeof VK .callMethod != "undefined") ( /* Pozovite vk js api funkciju da kontrolišete prozor. VK.callMethod("function", parametri) U u ovom slučaju imamo - VK.callMethod("window_sizing", širina, visina); Također dodajemo još 60 piksela da stvorimo malu udaljenost. */ VK.callMethod("resizeWindow", 840, document.getElementById("body").clientHeight + 60); ) else ( alert("error #2"); ) ) $(document).ready(function())( //Pozovite funkciju podešavanja visine svake pola sekunde. setInterval("autosize(607)", 500); ) );
10. Sada povežimo naš vk_height.js sa index.php
11. Hajde da napišemo Hello, world! u index.php
Zdravo svijete!
12. Vrijeme je za rad sa samim VK JS API-jem.
VK API me dosta podseća na jquery. Ljudi koji znaju $.post, $.get, $.ajax odmah će shvatiti šta je šta. Pažnja! Podrazumevano, podaci iz VK-a dolaze u json formatu.
// Funkcija za primanje prijatelja i njihovo prikazivanje na ekranu funkcija doIt())( /* VK.api("metod", (parametar: "value"), callback function( // rad sa primljenim podacima )); * / VK.api ("friends.get", (polja: "photo_medium"), function(data) ( // Akcije sa primljenim podacima za(c=0;c
