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é.

FB App - založení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?

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

FB App - Nastavení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 ;)