Vytvárame Facebook aplikácie IV. Moja prvá facebook aplikácia

Je na čase si ukázať ako vytvoriť svoju prvú facebook aplikáciu. Ukážeme si ako vytvoriť ten najjednoduchší typ aplikácie na Facebooku a teda Facebook záložku (kedysi sa to tak nazývalo kým neprišiel timeline) ale v skutočnosti to bude len statický obsah v rámci Facebook fanpage.

Čo potrebujem k tomu aby som vytvoril Facebook aplikáciu?

• Vlastný webhosting - teda (aktuálne) každá aplikácia na Facebooku aj keď sa zobrazuje v prostredí Facebooku nie je v skutočnosti aplikácia umiestnená na strane Facebooku ale je externe načítavaná do Facebooku cez iframe.
• SSL certifikát na svojom hostingu - podľa určených pravidiel facebooku sa ponovom vyžaduje aby aplikácia ku ktorej pristupujem zo zabezpečenáho pripojenia bola tiež pod zabezpečeným pripojením SSL certifikátu. Zjednodušene povedané ak mám na FB zapnuté zabezpečené pripojenie (v adresnom riadku mám https://) tak každá aplikácia tiež musí bežať pod https inak ma tam Facebook nepustí. Ešte zjednodušene povedané, ak chcem aby moja FB aplikácia fungovala každému bez rozdielu nastavenia Facebooku tak musím mať na hostingu (URL) odkiaľ bude naťahovaná aplikácia funkčný SSL certifikát.

Kde sa ukladajú FB aplikácie?

Každá FB aplikácia sa načítava externe do Facebooku z Vašho hostingu prostostredníctvom iframu. Takže aj keď to bude pokročilá aplikácia vždy to bude fyzicky oddelená vec od Facebooku a porstredníctvom API budú medzi sebou komunikovať. To znamená, že FB aplikácia vie bežať aj v prostredí Facebooku ako záložka ale aj úplne mimo neho. V tom je tá sila platformy kde čoraz viac webov poskytuje prepojenie s FB aj keď aplikácie bežia mimo neho.

Akú aplikáciu ideme vytvoriť?

Ukážeme si ako vytvoriť jednoduchú statickú FB záložku v prostredí Facebooku ktorá nič s Facebookom nerobí a len zobrazí nejaký obsah.

Čo k tomu potrebujem?

Vytvorte si statické HTML ktoré je uložené na Vašom hostingu a zobrazuje obsah ktorý chcete v rámci timeline záložky zobraziť. Toto uložte na svoj hosting tak, aby bolo dostupná na nejakej URL adrese. Samozrejme je nutné aby tam bol SSL certifikát a aby tento statický obsah fungoval aj na URL adrese začínajúcej na https://. Teraz prejdeme k dôležitému kroku a to k vytvoreniu zadefinovaniu aplikácie na FB.

Prejdite na URL adresu developers.facebook.com, toto je podstránka pre vývojárov kde je dokumentácia celej FB platformy, zoznam bugov a vecí ktoré aktuálne nefungujú atď. Nás ale teraz zaujíma ako vytvoriť našu vlastnú app a teda klikneme na tlačidlo Aplikácie v modrej lište. Zobrazí sa nám zoznam našich aplikácií (my ešte žiadnu nemáme) takže klikneme na tlačidlo Vytvoriť aplikáciu.

 WTF nastavenia novej aplikácie

Nejdem to tu poriadne a nudne vysvetľovať tak ideme rovno na vec...

• Vybehne na vás okienko kde napíšte názov aplikácie (dá sa neskôr zmeniť)
• Do políčka zadajte názov URL pod ktorou bude aplikácia uložená na FB (Názvový priestor aplikácie), napríklad niečo ako apps.facebook.com/mojaaplikacia.
• Klikneme pokračovať
• Potvrdíme CAPTCHA
• Zobrazí sa nám okno nastavenia aplikácie

Ako nastaviť Facebook aplikáciu?

Najprv to bude šok, vybehne na vás množstvo políčok kde nebudete vôbec tušiť čo máte robiť. Tým sa ani nejdem zaoberať, to už chce väčší skill a my si len ukážeme ako do záložky natiahnuť obsah z našho hostingu.

• Zaškrtnite záložku Page tab
• Vyplňte meno záložky - to je text čo sa zobrazí pod obrázkom aplikácie vo fanpage (pozri prvý obrázok článku)
• Tu je ale dôžitá časť PageTab URL ktorá definuje odkiaľ sa natiahne obsah záložky
• Vyplňte aj Secure Page Tab URL (URL s https) aby aplikácia išla každému
• Po vyplnení uložte a Vaša aplikácia je hotová

Po zadaní URL v tvare apps.facebook.com/(app namespace) sa zobrazí Vaša FB apliácia s obsahom ktorý sa naťahuje z Vašeho hostingu.

Dobre ale ako ju pridám na Fanpage?

Pridávanie aplikácií na Fanpage prešlo zmenami a aktuálne sa vykonáva presne takto: https://developers.facebook.com/docs/appsonfacebook/pagetabs/. No dobre, vysvetlím.

Pre pridanie aplikácie na Fanpage si musíte vyskladať špeciálny link ktorý Vám zobrazí dialógové okno kde si vyberiete na akú fanpage pridáte danú aplikáciu. Budete k tomu potrebovať 2 údaje. Číslo aplikácie (hore v nastavení aplikácie to číslo) a URL adresu kam presmerovať po pridaní (teraz nás netrápi ale je to povinný parameter) takže tam vložte napríklad Page Tab URL. Ak tieto údaje nebudú správne dá Vám to chybu.

https://www.facebook.com/dialog/pagetab?app_id=YOUR_APP_ID&next=YOUR_URL

Moja FB aplikácia sa neprispôsobila výške! Ako na to?.

Toto si už vyžaduje pochopenie layoutu aplikácie a ako fungujú a preto pridávam len odkaz na dokumentáciu: https://developers.facebook.com/blog/post/549/. Pre úplného začiatočníka toto môže byť trochu problém.

Gratulujem, tvoja prvá FB aplikácia je hotová

Ak sa ti toto podarí tak aplikácia bola pridaná do vybranej fanpage a zobrazí sa podobne ako na prvom obrázku tohoto článku. Samozrejme Facebook Platform je v celku rozsiahla a teda toto je taký totálny základ od ktorého sa dá odraziť ďalej. Vytváranie FB aplikácií nie je ani tak zložité z hľadiska programovania ale skôr z nutnosti poznať podrobne dokumentáciu a spôsob fungovania platformy. Tá sa často mení a teda je nutné mať v tom rpehľad inak sa vývoj môže zdať zložitý. Tak aká bola Vaša prvá FB aplikácia?

Podobné články

• 24. Apríl 2012 -- Ako na Facebook Social reading na vlastnom webe?! Ako to vlastne funguje? – Facebook Open Graph I.
• 22. Október 2011 -- Vytvárame Facebook aplikácie II. Aké aplikácie sa dajú vytvoriť s Facebook API?
• 22. Október 2011 -- Vytvárame Facebook aplikácie I. dôležité zmeny z konferencie f8
• 25. Január 2012 -- Vytvárame Facebook aplikácie III. Ako vytvoriť pekný LIKE z Vašeho webu