So richten Sie eine Facebook RSS-Feed-Reader-Anwendung für Ihren Blog ein - Seite 2

3 Richten Sie die PHP5-Clientbibliothek ein

Wir werden jetzt die PHP-Clientbibliothek in das Verzeichnis auf unserer Website herunterladen, in dem sich unsere Feed-Reader-App befinden wird (z. B. http://fb.howtoforge.com/fb/htf_feed_reader/). In diesem Beispiel gehe ich davon aus, dass das Dokumentenstammverzeichnis von fb.howtoforge.com /var/www ist (passen Sie die folgenden Befehle an, wenn Ihres anders ist). Zuerst erstellen wir das Verzeichnis /var/www/fb/htf_feed_reader:

mkdir -p /var/www/fb/htf_feed_reader

Dann laden wir die PHP-Clientbibliothek dorthin herunter und entpacken sie:

cd /var/www/fb/htf_feed_reader  
wget http://developers.facebook.com/clientlibs/facebook-platform.tar.gz  
tar zxvf facebook-platform.tar.gz

Dies erstellt das Verzeichnis facebook-platform/ mit dem Unterverzeichnis client/, das die Clientbibliotheken für PHP 5 (facebook.php und facebookapi_php5_restlib.php) enthält. Wir kopieren diese beiden Dateien nach /var/www/fb/htf_feed_reader und löschen facebook-platform.tar.gz und facebook-platform:

cp facebook-platform/client/facebook.php .  
cp facebook-platform/client/facebookapi_php5_restlib.php .  
rm -rf facebook-platform.tar.gz facebook-platform

4 Unsere erste einfache Anwendung

Jetzt können wir unsere erste, sehr einfache App schreiben. Zuerst erstellen wir die Datei appinclude.php, die einige grundlegende Einstellungen wie den API-Schlüssel, das Geheimnis und die Callback-URL enthält und die wir in allen Dateien unserer App einfügen werden:

vi /var/www/fb/htf_feed_reader/appinclude.php

| require_login(); //[todo: ändern Sie die folgende URL in Ihre Callback-URL] $appcallbackurl = 'http://fb.howtoforge.com/fb/htf_feed_reader/'; //fangen Sie die Ausnahme ab, die ausgelöst wird, wenn der Cookie einen ungültigen session_key enthält try { if (!$facebook->api_client->users_isAppAdded()) { $facebook->redirect($facebook->get_add_url()); } } catch (Exception $ex) { //dies wird die Cookies für Ihre Anwendung löschen und sie zu einer Anmeldemaske umleiten $facebook->set_user(null, null); $facebook->redirect($appcallbackurl); } ?> |

Dann erstellen wir index.php, die Datei, die ausgeführt wird, wenn die Callback-URL (http://apps.facebook.com/htf_feed_reader) aufgerufen wird. In diesem einfachen Beispiel wird sie einfach etwas wie “Hallo” plus die Facebook-Benutzer-ID ausgeben:

vi /var/www/fb/htf_feed_reader/index.php

| Hallo $user

Jetzt öffnen Sie einen Browser und geben entweder die Callback-URL (http://fb.howtoforge.com/fb/htf_feed_reader) oder die Canvas-URL (http://apps.facebook.com/htf_feed_reader) Ihrer Anwendung ein. In jedem Fall sollten Sie auf eine Seite wie diese umgeleitet werden:

Klicken Sie auf die Schaltfläche “In HowtoForge RSS Feed Reader einloggen”. Auf der nächsten Seite lassen Sie alle Kontrollkästchen aktiviert und klicken Sie auf “HowtoForge RSS Feed Reader hinzufügen”, um diese Anwendung in Ihrem Konto zu installieren:

Wenn eine App installiert ist, passiert als erstes, dass die Callback-URL (http://fb.howtoforge.com/fb/htf_feed_reader) aufgerufen wird, sodass Sie erwarten sollten, etwas wie “Hallo ” zu sehen. Und tatsächlich passiert das, was bedeutet, dass unser Setup funktioniert:

Auf Ihrer Profilseite sollten Sie jetzt den HowtoForge RSS Feed Reader in der breiten Spalte finden (der die Standard-FBML anzeigt, die wir festgelegt haben, als wir die Anwendung auf Facebook eingerichtet haben - unsere einfache App produziert noch keine eigene FBML) sowie einen Menüeintrag dafür in der linken Navigation:

Jetzt lassen Sie uns index.php ein wenig ändern und ein Eingabefeld hinzufügen, in das Sie Text eingeben können, der dann anstelle der Standard-FBML auf der Profilseite angezeigt wird:

vi /var/www/fb/htf_feed_reader/index.php

| Hallo $user

Wie Sie sehen, kann das FBML auf der Profilseite mit der Funktion $facebook->api_client->profile_setFBML() geändert werden.

Gehen Sie jetzt wieder zur Canvas-Seite Ihrer Anwendung (http://apps.facebook.com/htf_feed_reader in meinem Fall). Sie sollten jetzt ein Textfeld unter der Zeile “Hallo …” sehen:

Geben Sie etwas Text ein und klicken Sie auf die Schaltfläche “Text auf Profil anzeigen”:

Gehen Sie dann wieder zu Ihrer Profilseite. Sie sollten jetzt den Text dort finden, den Sie im Textfeld eingegeben haben:

Im nächsten Beispiel verwenden wir Mock-AJAX, um den Inhalt der Canvas-Seite und des Profils dynamisch zu aktualisieren:

vi /var/www/fb/htf_feed_reader/index.php

| Hallo $user

Auf der Canvas-Seite sollten Sie jetzt das neue Textfeld sehen:

Geben Sie etwas Text ein und drücken Sie die Schaltfläche “Text darunter zeichnen”…

…und der Text sollte sofort unter der Schaltfläche erscheinen:

Die gleiche Funktionalität ist jetzt auch auf der Profilseite verfügbar: