aplikácia iframe pre vkontakte. JavaScript: Prvá aplikácia Vkontakte: Hello World, Ivanych

  • 05.05.2019

Nainštalujte si Joomla – všetko je tam celkom transparentné a zrozumiteľné.

Fáza 3: JS API a "API v kontakte"

Čo máme v prevádzke: nová aplikácia vo VKontakte a na niektorých novovytvorená webová stránka štandardná šablóna Joomla.

Tu chcem okamžite venovať pozornosť API vo Vkontakte!

Existujú 2 typy API:

  1. Javascript API
  2. API v kontakte

S pomocou prvého môžete volať rôzne dialógové okno(pozvanie priateľov do aplikácie, zapisovanie hlasov, nastavenie prístupu k údajom používateľa atď. Detailný popis tieto metódy možno nájsť.

Možnosti druhého sú oveľa väčšie! Prístup k skriptu www.vkontakte.ru/api.php môže mať ktokoľvek pohodlný spôsobči už ide o požiadavku AJAX alebo požiadavku HTTP priamo zo servera. Popis všetkých metód api je .

Teraz viac o inicializácii api a práci s nimi. Začnime po poriadku:

JS API sa inicializuje pridaním nasledujúceho javascriptu do našej šablóny:

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

VK.init(funkcia() (

// Tu je váš kód
});

Na to by som chcel hneď upozorniť Inicializácia API uspel“ tento riadok je tu napísaný z nejakého dôvodu a hovorí, že funkcia VK.init sa spustí, keď bude pripravená na Práca s API! Ale nie váš webový zdroj. Ak chcete skontrolovať pripravenosť na vykonanie svojho kódu js, môžete použiť svoju obľúbenú knižnicu alebo rámec js. Osobne mám radšej Mootools - používal som ho.

Môj inicializačný kód vyzerá takto:

VK.init(funkcia() (
// Inicializácia API bola úspešná
window.addEvent("domready", function()(
//DOM pripravený
})
});

Čo môžeme teraz robiť? A teraz môžeme využiť API, teda napríklad skontrolovať, či používateľ zvolil požadované parametre aplikácie na prístup k jeho údajom. Napríklad takto:

VK.api("getUserSettings", function(data)(
if (data.response)(
if (!(256 & data.response))
VK.callMethod("showSettingsBox", 263);
}
if(data.error)(
alert("Kód chyby:"+data.error.error);
}
});

Na to najskôr zavoláme funkciu getUserSettings, ktorá nám vráti bitovú masku nastavení. súčasný užívateľ. Volanie sa uskutočňuje pomocou metódy VK.api, kde prvý parameter je názov funkcie a druhý je funkcia CallBack. Dátová premenná je výsledkom funkcie getUserSettings, ktorú je potrebné skontrolovať na chybu, ak sa vráti data.error, znamená to chybu! Chyba môže byť z dvoch (podľa mňa) dôvodov: aplikácia nie je schválená správou stránky (pred schválením mi fungoval iba getProfiles, mimochodom, neskôr som na fórach videl príspevky, že všetko funguje v testovacom režime ). Ak funkcia vrátila data.response, tak pokračujeme v práci, skontrolujeme bitové masky aktuálnych práv a požadované a zavoláme funkciu showSettingsBox JS API s jediným parametrom (masku požadovaných práv mám 263 - toto je prístup k fotkám, priateľom a odkaz na aplikáciu v ľavom užívateľskom menu)

Volanie metód „API in Contact“ pomocou JS API podľa mňa akosi nie je dobré. Toto je výhodné pre jednoduché úlohy. Aplikácia plne iframe postavená na JS je veľmi náročná na prácu. A tak sa obraciame k štúdiu HTTP požiadavky do API.

Fáza 4: PHP a "API v kontakte"

Na to máme Joomlu a triedu, ktorú preberáme z odkazu

Ak chcete pracovať s API cez PHP, budete musieť vytvoriť dve konštanty, ktoré budú zahrnuté v každej požiadavke, toto je api_id vašej aplikácie (môžete ho vidieť priamo v pole pre adresu keď kliknete na odkaz na aplikáciu) a Tajný kľúč- vydáva sa pri vytváraní aplikácie (je dlhá a dá sa zmeniť v nastaveniach aplikácie)

Volanie API prostriedky PHP nasledovne:

Foreach ($this->items ako $item)(
$uids = $položka->položka;
}
$api = new vkapi();
$ans = $api->api("getProfiles", array("uids" => implode(",",$uids), "fields" => "photo, photo_big"));

Prvý foreach odoberie všetkých registrovaných používateľov z mojej aplikácie (ale nie viac ako 1000) a potom sa odošle požiadavka na „API v kontakte“ na načítanie údajov o týchto používateľoch. Na výstupe máme pole hodnôt v tvare: $ans["response"][$i]["field"], kde odpoveď je pole údajov o používateľoch, potom prvok $i a nakoniec požadované pole vlastnosti používateľa, napríklad meno (meno) alebo fotografia.

Výhody tohto prístupu:

1. Zabezpečenie bude dostupné API metódy, čo nie je nepodstatné, ak potrebujete zistiť zostatok alebo zapísať / stiahnuť hlasy.
2. Na prácu s API nie je potrebné písať „tisíce“ riadkov kódu v JS
3. Získame jednoducho spravovateľnú webovú stránku a aplikáciu zároveň.

Čo presne som v Joomle robil veľmi dlho a nie je to potrebné, uvediem iba približnú logiku mojej aplikácie.

Nie je žiadnym tajomstvom, že všetci Komponenty Joomla na základe vzoru MVC. Kto všetko dáva do regálov!

Kontrolér komponentu akceptuje všetky príkazy/požiadavky používateľa (aspoň pre akcie používateľa pri klikaní na odkazy, aj keď pomocou AJAX požiadavky pomocou JS)

Model má na starosti všetky operácie s databázou nášho komponentu, pre mňa napr.: zobrazuje samotné hlasovanie, zoznamy hlasujúcich za určitého hlasujúceho, reaguje na kontrolu a prehlasovanie a zopár ďalších pomocných funkcií .

Zobrazenie riadi výstup rôznych rozložení a prenos údajov z modelu do nich.

Pre tých, ktorí vyvíjali komponenty pre Joomla, je všetko veľmi jasné.

Nikto nám nebráni používať triedu vkapi.class.php kdekoľvek v aplikácii, ja osobne som ju používal len v pohľade na prípravu dát na výstup (napr. pomocou uid užívateľov v kontakte, že moja aplikácia bola nainštalovaná, napr. načítal adresy fotografií)

Fáza 5: Widgety

Všetci sú zvyknutí obrovské číslo rôzne formy a tlačidlá z sociálne siete. Chcel som to aj vo svojej aplikácii Iframe. Ako pripojiť miniaplikáciu komentárov:

Nikdy nepridávajte na stránku nasledujúci kód:

Toto je vhodné pre webové stránky, ale nie je vhodné pre aplikácie iframe!

Stačí urobiť toto:

VK.Widgets.Comments("vk_comments", (limit: 10, šírka: "578", pripojiť: "*"));

JS API už má implementované funkcie na pridávanie widgetov.

Čo sa týka samotných komentárov, viete, že keď používateľ zanechá komentár na stránke s aplikáciou, zverejní sa aj na jeho nástenke, ale s odkazom na vašu stránku, nie na aplikáciu! Aby ste tomu zabránili, musíte použiť parameter pageURL, ktorý bude obsahovať adresu aplikácie vo formáte www.vkontakte.ru/app (app_id)

V dôsledku toho som dostal toto:

VK.Widgets.Comments("vk_comments", (limit: 10, šírka: "578", príloha: "*", adresa URL stránky: "http://vkontakte.ru/app2176209"));

6. fáza: Záver

Výstup nie je zložitý, ale pracovná aplikácia v kontakte s. Ktoré možno ľahko rozširovať a rozvíjať pridávaním ďalších a ďalších nových funkcií a komponentov pomocou vášho obľúbeného CMS v spojení s API v kontakte a JS API.

Tu je to, čo som dostal.

6. marca 2011 o 14:13 hod

Vývoj aplikácie IFrame vo Vkontakte pomocou rozhrania API Vkontakte

  • Vývoj webových stránok

Nainštalujte si Joomla – všetko je tam celkom transparentné a zrozumiteľné.

Fáza 3: JS API a "API v kontakte"

Čo máme v prevádzke: nová aplikácia vo VKontakte a novovytvorená stránka na nejakej štandardnej šablóne Joomla.

Tu chcem okamžite venovať pozornosť API vo Vkontakte!

Existujú 2 typy API:

  1. Javascript API
  2. API v kontakte

Pomocou prvého si môžete vyvolať rôzne dialógové okná (pozvanie priateľov do aplikácie, zapísanie hlasov, nastavenie prístupu k užívateľským údajom atď. podrobný popis týchto metód nájdete.

Možnosti druhého sú oveľa väčšie! Prístup k skriptu www.vkontakte.ru/api.php je možné vykonať akýmkoľvek pohodlným spôsobom, či už ide o požiadavku AJAX alebo požiadavku HTTP priamo zo servera. Popis všetkých metód api je .

Teraz viac o inicializácii api a práci s nimi. Začnime po poriadku:

JS API sa inicializuje pridaním nasledujúceho javascriptu do našej šablóny:

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

VK.init(funkcia() (

// Tu je váš kód
});

Hneď by som chcel poznamenať, že „Inicializácia API bola úspešná“ tento riadok tu nie je napísaný zbytočne a hovorí, že funkcia VK.init sa spustí, keď bude rozhranie API pripravené na prácu! Ale nie váš webový zdroj. Ak chcete skontrolovať pripravenosť na vykonanie kódu js, môžete použiť svoju obľúbenú knižnicu alebo rámec js. Osobne mám radšej Mootools - používal som ho.

Môj inicializačný kód vyzerá takto:

VK.init(funkcia() (
// Inicializácia API bola úspešná
window.addEvent("domready", function()(
//DOM pripravený
})
});

Čo môžeme teraz robiť? A teraz môžeme využiť API, teda napríklad skontrolovať, či používateľ zvolil požadované parametre aplikácie na prístup k jeho údajom. Napríklad takto:

VK.api("getUserSettings", function(data)(
if (data.response)(
if (!(256 & data.response))
VK.callMethod("showSettingsBox", 263);
}
if(data.error)(
alert("Kód chyby:"+data.error.error);
}
});

Aby sme to urobili, najprv zavoláme funkciu getUserSettings, ktorá vráti bitovú masku nastavení aktuálneho používateľa. Volanie sa uskutočňuje pomocou metódy VK.api, kde prvý parameter je názov funkcie a druhý je funkcia CallBack. Dátová premenná je výsledkom funkcie getUserSettings, ktorú je potrebné skontrolovať na chybu, ak sa vráti data.error, znamená to chybu! Chyba môže byť z dvoch (podľa mňa) dôvodov: aplikácia nie je schválená správou stránky (pred schválením mi fungoval iba getProfiles, mimochodom, neskôr som na fórach videl príspevky, že všetko funguje v testovacom režime ). Ak funkcia vrátila data.response, tak pokračujeme v práci, skontrolujeme bitové masky aktuálnych práv a požadované a zavoláme funkciu showSettingsBox JS API s jediným parametrom (masku požadovaných práv mám 263 - toto je prístup k fotkám, priateľom a odkaz na aplikáciu v ľavom užívateľskom menu)

Volanie metód „API in Contact“ pomocou JS API podľa mňa akosi nie je dobré. To je užitočné pre jednoduché úlohy. Aplikácia plne iframe postavená na JS je veľmi náročná na prácu. A tak sa obraciame na štúdium HTTP požiadaviek na API.

Fáza 4: PHP a "API v kontakte"

Na to máme Joomlu a triedu, ktorú preberáme z odkazu

Pre prácu s API cez PHP budete musieť vytvoriť dve konštanty, ktoré budú zahrnuté v každej požiadavke - api_id vašej aplikácie (je vidieť priamo v adresnom riadku po kliknutí na odkaz na aplikáciu) a tajný kľúč - vydáva sa pri vytváraní aplikácie (je dlhý a dá sa zmeniť v nastaveniach aplikácie)

Zavolajte API znamená PHP vyzerá takto:

Foreach ($this->items ako $item)(
$uids = $položka->položka;
}
$api = new vkapi();
$ans = $api->api("getProfiles", array("uids" => implode(",",$uids), "fields" => "photo, photo_big"));

Prvý foreach odoberie všetkých registrovaných používateľov z mojej aplikácie (ale nie viac ako 1000) a potom sa odošle požiadavka na „API v kontakte“ na načítanie údajov o týchto používateľoch. Na výstupe máme pole hodnôt v tvare: $ans["response"][$i]["field"], kde odpoveď je pole údajov o používateľoch, potom prvok $i a nakoniec požadované pole vlastnosti používateľa, napríklad meno (meno) alebo fotografia.

Výhody tohto prístupu:

1. Sprístupnia sa bezpečné metódy API, čo nie je bezvýznamné, ak potrebujete zistiť zostatok alebo zapísať / stiahnuť hlasy.
2. Na prácu s API nie je potrebné písať „tisíce“ riadkov kódu v JS
3. Získame jednoducho spravovateľnú webovú stránku a aplikáciu zároveň.

Čo presne som v Joomle robil veľmi dlho a nie je to potrebné, uvediem iba približnú logiku mojej aplikácie.

Nie je žiadnym tajomstvom, že všetky komponenty Joomly sú založené na vzore MVC. Kto všetko dáva do regálov!

Ovládač komponentu akceptuje všetky užívateľské príkazy/požiadavky (aspoň pre akcie užívateľa pri klikaní na odkazy, aj s pomocou Žiadosti AJAX pomocou JS)

Model má na starosti všetky operácie s databázou nášho komponentu, pre mňa napr.: zobrazuje samotné hlasovanie, zoznamy hlasujúcich za určitého hlasujúceho, reaguje na kontrolu a prehlasovanie a zopár ďalších pomocných funkcií .

Zobrazenie riadi výstup rôznych rozložení a prenos údajov z modelu do nich.

Pre tých, ktorí vyvíjali komponenty pre Joomla, je všetko veľmi jasné.

Nikto nám nebráni používať triedu vkapi.class.php kdekoľvek v aplikácii, ja osobne som ju používal len v pohľade na prípravu dát na výstup (napr. pomocou uid užívateľov v kontakte, že moja aplikácia bola nainštalovaná, napr. načítal adresy fotografií)

Fáza 5: Widgety

Každý je už zo sociálnych sietí zvyknutý na obrovské množstvo rôznych formulárov a tlačidiel. Chcel som to aj vo svojej aplikácii Iframe. Ako pripojiť miniaplikáciu komentárov:

Nikdy nepridávajte na stránku nasledujúci kód:

Toto je vhodné pre webové stránky, ale nie je vhodné pre aplikácie iframe!

Stačí urobiť toto:

VK.Widgets.Comments("vk_comments", (limit: 10, šírka: "578", pripojiť: "*"));

JS API už má implementované funkcie na pridávanie widgetov.

Čo sa týka samotných komentárov, viete, že keď používateľ zanechá komentár na stránke s aplikáciou, zverejní sa aj na jeho nástenke, ale s odkazom na vašu stránku, nie na aplikáciu! Aby ste tomu zabránili, musíte použiť parameter pageURL, ktorý bude obsahovať adresu aplikácie vo formáte www.vkontakte.ru/app (app_id)

V dôsledku toho som dostal toto:

VK.Widgets.Comments("vk_comments", (limit: 10, šírka: "578", príloha: "*", adresa URL stránky: "http://vkontakte.ru/app2176209"));

6. fáza: Záver

Výsledkom je, že vo VKontakte máme jednoduchú, ale fungujúcu aplikáciu. Ktoré možno ľahko rozširovať a rozvíjať pridávaním ďalších a ďalších nových funkcií a komponentov pomocou vášho obľúbeného CMS v spojení s API v kontakte a JS API.

Tu je to, čo som dostal.

Blízko rektora 28. apríla 2012 o 23:46 hod

VK API + iframe pre figuríny. Lekcia 1

Téma bola vytvorená pre figuríny VK API, ale pre programátorov, ktorí rozumejú tomu, čo je php, javascript, jquery, css.

Ak poznáte všetko vyššie uvedené, venujte pár minút prečítaniu tejto témy a postupujte podľa pokynov. Nebude vám to dlho trvať! Budete môcť rozšíriť svoje schopnosti a dosah nový trh. Vrcholom aplikácií je, že VK dáva návštevnosť a vašu aplikáciu ihneď po schválení (1-2 dni) uvidí tisíc ľudí. AT túto lekciu Poviem vám, ako vytvoriť aplikáciu a zobraziť avatarov priateľov v stĺpci.

Pre mňa osobne bolo veľmi ťažké pochopiť, čo a kde, preto sa objavila myšlienka tejto témy.

1. Prejdite na stránku vývojárov: vk.com/developers.php

2. Aplikáciu vytvoríme kliknutím na modré tlačidlo.

3. Zadajte názov, vyberte typ - iframe/Flash a ľubovoľnú kategóriu

4. Dostávame SMS od VK, potvrdzujeme, že nie sme bot. Sme habramen!

5. Hurá - hurá - hurá! Vytvorili ste svoju prvú aplikáciu (alebo možno nie prvú)! Ďalej prejdite na „Nastavenia“.

6. Vyberte: Stav – aplikácia je povolená a viditeľná pre všetkých, Typ aplikácie: iframe. Vyžaduje sa inštalácia aplikácie. Požiadať o prístup k - prístup k priateľom. Zadajte adresu skriptu (v mojom prípade bude skript hostený lokálne).
Pozor! Maximálna šírka aplikácie je 827 pixelov.

7. Teraz otvárame naše index.php a vyplňte ho:


8. Zdá sa, že vo vyššie uvedenom kóde nie je nič zložité. Pokračujme. teraz pripojíme skripty Vkontakte API.



9. Teraz použijeme skript na zmenu výšky iframe na základe obsahu. Povedzme, že v nastaveniach máme výšku aplikácie – 500 pixelov. A ak máme 200 priateľov a v stĺpci bude 200 avatarov? Čo robiť? Vytvorme na to skript - vk_height.js

VK.init(funkcia()( )); function autosize(width) ( //Kontrola prítomnosti prvku tela. if (!document.getElementById("body")) ( alert("error"); return; ) // Či bol skript VK úspešne pripojený, ak (typeof VK.callMethod != "undefined") ( /* Volanie funkcie vk js api na ovládanie okna. VK.callMethod("function", parameters) tento prípad máme - VK.callMethod("window_size_change", width, height); Pridáme tiež ďalších 60 pixelov, aby bola malá vzdialenosť. */ VK.callMethod("resizeWindow", 840, document.getElementById("body").clientHeight + 60); ) else ( alert("error #2"); ) ) $(document).ready(function()( //Zavolajte funkciu nastavenia výšky každú pol sekundy. setInterval("autosize(607)", 500); )) ;

10. Teraz spojme naše vk_height.js do index.php


11. Poďme si napísať Ahoj, svet! v index.php
Ahoj svet!

12. Je čas pracovať so samotným VK JS API.

Api VK mi veľmi pripomína jquery. Ľudia, ktorí poznajú $.post, $.get, $.ajax okamžite pochopia, čo je čo. Pozor! V predvolenom nastavení prichádzajú údaje z VK v json.



Okamžite pozorujeme, ako sa veľkosť okna zmenšila ...

Bohužiaľ, niekde by som mohol zabudnúť na niektoré jemnosti. Napríklad som si náhodou spomenul, že údaje prichádzajú v json pred zverejnením. V tomto prípade povedzte.

Tagy: php, javascript, jquery, vkontakte api

Pred pár dňami ma kamarátka požiadala, aby som jej pomohol s vytvorením internetového hlasovania, pretože vo VKontakte nie je dostatok funkcií (tam môžete vytvoriť anketu len pre 15 ľudí). Úloha sa ukázala byť zaujímavá. Takže do biznisu!

Kto môže mať prospech z tohto príspevku:

Nainštalujte si Joomla – všetko je tam celkom transparentné a zrozumiteľné.

Fáza 3: JS API a "API v kontakte"

Čo máme v prevádzke: nová aplikácia vo VKontakte a novovytvorená stránka na nejakej štandardnej šablóne Joomla.

Tu chcem okamžite venovať pozornosť API vo Vkontakte!

Existujú 2 typy API:

  1. Javascript API
  2. API v kontakte

Pomocou prvého si môžete vyvolať rôzne dialógové okná (pozvanie priateľov do aplikácie, zapísanie hlasov, nastavenie prístupu k užívateľským údajom atď. podrobný popis týchto metód nájdete.

Možnosti druhého sú oveľa väčšie! Prístup k skriptu www.vkontakte.ru/api.php je možné vykonať akýmkoľvek pohodlným spôsobom, či už ide o požiadavku AJAX alebo požiadavku HTTP priamo zo servera. Popis všetkých metód api je .

Teraz viac o inicializácii api a práci s nimi. Začnime po poriadku:

JS API sa inicializuje pridaním nasledujúceho javascriptu do našej šablóny:

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

VK.init(funkcia() (

// Tu je váš kód
});

Hneď by som chcel poznamenať, že „Inicializácia API bola úspešná“ tento riadok tu nie je napísaný zbytočne a hovorí, že funkcia VK.init sa spustí, keď bude rozhranie API pripravené na prácu! Ale nie váš webový zdroj. Ak chcete skontrolovať pripravenosť na vykonanie kódu js, môžete použiť svoju obľúbenú knižnicu alebo rámec js. Osobne mám radšej Mootools - používal som ho.

Môj inicializačný kód vyzerá takto:

VK.init(funkcia() (
// Inicializácia API bola úspešná
window.addEvent("domready", function()(
//DOM pripravený
})
});

Čo môžeme teraz robiť? A teraz môžeme využiť API, teda napríklad skontrolovať, či používateľ zvolil požadované parametre aplikácie na prístup k jeho údajom. Napríklad takto:

VK.api("getUserSettings", function(data)(
if (data.response)(
if (!(256 & data.response))
VK.callMethod("showSettingsBox", 263);
}
if(data.error)(
alert("Kód chyby:"+data.error.error);
}
});

Aby sme to urobili, najprv zavoláme funkciu getUserSettings, ktorá vráti bitovú masku nastavení aktuálneho používateľa. Volanie sa uskutočňuje pomocou metódy VK.api, kde prvý parameter je názov funkcie a druhý je funkcia CallBack. Dátová premenná je výsledkom funkcie getUserSettings, ktorú je potrebné skontrolovať na chybu, ak sa vráti data.error, znamená to chybu! Chyba môže byť z dvoch (podľa mňa) dôvodov: aplikácia nie je schválená správou stránky (pred schválením mi fungoval iba getProfiles, mimochodom, neskôr som na fórach videl príspevky, že všetko funguje v testovacom režime ). Ak funkcia vrátila data.response, tak pokračujeme v práci, skontrolujeme bitové masky aktuálnych práv a požadované a zavoláme funkciu showSettingsBox JS API s jediným parametrom (masku požadovaných práv mám 263 - toto je prístup k fotkám, priateľom a odkaz na aplikáciu v ľavom užívateľskom menu)

Volanie metód „API in Contact“ pomocou JS API podľa mňa akosi nie je dobré. To je užitočné pre jednoduché úlohy. Aplikácia plne iframe postavená na JS je veľmi náročná na prácu. A tak sa obraciame na štúdium HTTP požiadaviek na API.

Fáza 4: PHP a "API v kontakte"

Na to máme Joomlu a triedu, ktorú preberáme z odkazu

pre prácu s API cez PHP budete musieť vytvoriť dve konštanty, ktoré budú zahrnuté v každej požiadavke - api_id vašej aplikácie (je vidieť priamo v adresnom riadku po kliknutí na odkaz na aplikáciu) a tajný kľúč - vydáva sa pri vytváraní aplikácie (je dlhý a dá sa zmeniť v nastaveniach aplikácie)

volanie API pomocou PHP vyzerá takto:

foreach ($this->items ako $item)(
$uids = $položka->položka;
}
$api = new vkapi();
$ans = $api->api("getProfiles", array("uids" => implode(",",$uids), "fields" => "photo, photo_big"));

Prvý foreach odoberie všetkých registrovaných používateľov z mojej aplikácie (ale nie viac ako 1000) a potom sa odošle požiadavka na „API v kontakte“ na načítanie údajov o týchto používateľoch. Na výstupe máme pole hodnôt v tvare: $ans["response"][$i]["field"], kde odpoveď je pole údajov o používateľoch, potom prvok $i a nakoniec požadované pole vlastnosti používateľa, napríklad meno (meno) alebo fotografia.

Výhody tohto prístupu:

1. Sprístupnia sa bezpečné metódy API, čo nie je bezvýznamné, ak potrebujete zistiť zostatok alebo zapísať / stiahnuť hlasy.
2. Na prácu s API nie je potrebné písať „tisíce“ riadkov kódu v JS
3. Získame jednoducho spravovateľnú webovú stránku a aplikáciu zároveň.

Čo presne som v Joomle robil veľmi dlho a nie je to potrebné, uvediem iba približnú logiku mojej aplikácie.

Nie je žiadnym tajomstvom, že všetky komponenty Joomly sú založené na vzore MVC. Kto všetko dáva do regálov!

Kontrolér komponentu akceptuje všetky užívateľské príkazy/požiadavky (aspoň pre akcie užívateľa pri klikaní na odkazy, aspoň pomocou AJAX požiadaviek pomocou JS)

Model má na starosti všetky operácie s databázou nášho komponentu, pre mňa napr.: zobrazuje samotné hlasovanie, zoznamy hlasujúcich za určitého hlasujúceho, reaguje na kontrolu a prehlasovanie a zopár ďalších pomocných funkcií .

Zobrazenie riadi výstup rôznych rozložení a prenos údajov z modelu do nich.

Pre tých, ktorí vyvíjali komponenty pre Joomla, je všetko veľmi jasné.

Nikto nám nebráni používať triedu vkapi.class.php kdekoľvek v aplikácii, ja osobne som ju používal len v pohľade na prípravu dát na výstup (napr. pomocou uid užívateľov v kontakte, že moja aplikácia bola nainštalovaná, napr. načítal adresy fotografií)

Fáza 5: Widgety

Každý je už zo sociálnych sietí zvyknutý na obrovské množstvo rôznych formulárov a tlačidiel. Chcel som to aj vo svojej aplikácii Iframe. Ako pripojiť miniaplikáciu komentárov:

Nikdy nepridávajte na stránku nasledujúci kód:

toto je vhodné pre webové stránky, ale nie je vhodné pre aplikácie iframe!

Stačí urobiť toto:

VK.Widgets.Comments("vk_comments", (limit: 10, šírka: "578", pripojiť: "*"));

JS API už má implementované funkcie na pridávanie widgetov.

Čo sa týka samotných komentárov, viete, že keď používateľ zanechá komentár na stránke s aplikáciou, zverejní sa aj na jeho nástenke, ale s odkazom na vašu stránku, nie na aplikáciu! Aby ste tomu zabránili, musíte použiť parameter pageURL, ktorý bude obsahovať adresu aplikácie vo formáte www.vkontakte.ru/app (app_id)

V dôsledku toho som dostal toto:

VK.Widgets.Comments("vk_comments", (limit: 10, šírka: "578", príloha: "*", adresa URL stránky: "http://vkontakte.ru/app2176209"));

6. fáza: Záver

Výsledkom je, že vo VKontakte máme jednoduchú, ale fungujúcu aplikáciu. Ktoré možno ľahko rozširovať a rozvíjať pridávaním ďalších a ďalších nových funkcií a komponentov pomocou vášho obľúbeného CMS v spojení s API v kontakte a JS API.

Ďakujem za pozornosť, s pozdravom Daniel.

P.S. Administratíva schválila žiadosť o deň neskôr a požiadala o 10 hlasov ako prísľub.
P.P.S. Po hodine a pol už prišlo niekoľko ponúk na kúpu! Hneď hovorím, že to nie je na predaj, nevidím v tom zmysel, teraz ešte viac!