Jak na Facebook Apps – založení aplikace

Nerad chodím kolem horké kaše a nerad teoretizuji. Jako důkaz vytvořím jednoduchou aplikaci pro Facebook krok za krokem, takže to po mě už zvládne opravdu každý ;) Vymyslel jsem si jednoduchý příklad pro stránku Nakupování v USA.com – jde o výpis nejnovějších vybraných produktů z affiliate programu Shipita, takže to je plně automatické a bezúdržbové.

Ukázková aplikace bude umět třeba odeslat nejnovější produkt z RSS Shipita na vaši Zeď (takže ji uvidí všichni přátelé), samozřejmě s odkazem na vlastní stránky (detail produktu nebo v mém případě hlavní stránka NakupovaniVUSA.com), proklik z vaší stránky na stránku Shipita pak znamená nového affiliata ;)

Takže začneme?

Přihlašte se ke skupině Facebook Developers – http://www.facebook.com/developers/
Vpravo nahoře tlačítko Set Up New Application
Vyberte si název aplikace a odsouhlaste podmínky
Aplikace je vytvořena, obdrželi jste všechny potřebné klíče
Nyní je nutné připravit stránku na vaší straně, kterou bude Facebook aplikace volat

In da WordPress

Jelikož NakupováníVUSA běží na WordPressu, vytvoříme si samostatnou stránku s vlastní šablonou, kterou budeme z aplikace volat. Vytvoření stránky snad by neměl být problém, použití vlastní šablony také není složité. Důležité nyní je stáhnout Facebook knihovnu (odtud) a zprovnoznit jí. Já jsem jí na férovku nahrál do adresáře wp-content/facebook. Veškerý kód budu psát rovnou do šablony, což není zrovna nejhezčí, ale pro pochopení příkladu to snad postačí ;-) Máme tedy vytvořenou stránku s vlastní šablonou (např. facebook.php) a tu je kód, který načte knihovnu a vypíše jméno přihlášeného uživatele.


<?php

/*


Template Name: Facebook

*/

?>

<?php
$apiKey = "fc222b0e09e0aa97b09bfb47e383c24d";

$secKey = "fd4aa28b200000000000f6bbd4a9417"; // Tajný kód

require_once dirname(realpath('.')) . '/httpdocs/wp-content/facebook/facebook.php';

$facebook = new Facebook($apiKey, $secKey);

$facebook->require_frame();

$user = $facebook->require_login(); // Vyžádá si povolení od uživatele

?>

<h1><a href="http://nakupovanivusa.com">Nakupování v USA</a></h1>

<h2>Vítej <fb:name firstnameonly="true" uid="<?=$user?>" useyou="false"/>!</h2>

Když si nyní otevřete adresu, kterou jste právě vytvořili – v mém případě http://nakupovanivusa.com/facebook – proběhne přesměrování na Facebook a zobrazení chyby, která oznamuje, že je nutné nastavit Canvas Callback URL.

Tak si to zprovozníme zítra, já pádím na oběd ;)

Jak na Facebook Apps – založení aplikace