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

Version 1.0
Autor: Falko Timme

Dieser Leitfaden zeigt, wie Sie eine RSS-Feed-Reader-Anwendung für das soziale Netzwerk Facebook erstellen können, die den RSS-Feed Ihres Blogs/Ihrer Website auf den Profilseiten von Facebook-Nutzern (die die RSS-Feed-Reader-Anwendung installiert haben) anzeigt. Jedes Element des RSS-Feeds hat einen Teilen-Button, damit die Leute die Geschichte mit ihren Freunden teilen können, und die Anwendung hat einen Einladungslink, damit die Leute bis zu zehn Freunde gleichzeitig einladen können, diese Feed-Reader-Anwendung ebenfalls zu installieren. Ich werde PHP5 verwenden, um die RSS-Feed-Reader-Anwendung zu erstellen. Um den RSS-Feed zu parsen und HTML daraus zu generieren, werde ich Magpie RSS verwenden.

Sie können diese Anwendung in Aktion sehen, indem Sie den HowtoForge RSS Feed Reader für Facebook installieren.

Dieses Dokument kommt ohne Gewährleistung jeglicher Art! Ich gebe keine Garantie, dass dies für Sie funktioniert!

1 Vorbemerkung

Dieser Leitfaden basiert auf einem realen Beispiel, dem HowtoForge RSS Feed Reader für Facebook, und ich werde die echten URLs und Skripte in diesem Beispiel verwenden (nur geheime Daten wie den API-Schlüssel und das Secret ersetzen).

Wie bereits erwähnt, verwende ich PHP5, um diese Anwendung zu erstellen, unter Verwendung der PHP-Clientbibliothek von Facebook. Theoretisch können Sie auch PHP4 verwenden, aber die Client-Plattform ist für PHP5 optimiert, also sollten Sie das verwenden, wenn möglich.

Ich benutze den Host fb.howtoforge.com in diesem Beispiel, um die Anwendung zu hosten; es ist eine PHP5-fähige Website.

Bevor Sie mit dem Schreiben Ihrer eigenen Facebook-Anwendung beginnen können, müssen Sie sich bei Facebook registrieren (wenn Sie noch kein Konto haben) und die Facebook-Entwickleranwendung zu Ihrem Konto hinzufügen, wie auf http://developers.facebook.com/get_started.php beschrieben:

Anschließend sollten Sie mit diesen Beispielen beginnen, um sich an die Erstellung von Facebook-Apps zu gewöhnen. Ich werde diese Beispiele jedoch zu Beginn dieses Tutorials erneut verwenden, um sicherzustellen, dass alles wie erwartet funktioniert, bevor ich versuche, meine eigenen Sachen zu schreiben.

2 Eine neue Anwendung einrichten

Bevor wir mit der Programmierung unserer Anwendung beginnen, müssen wir Facebook darüber informieren, und Facebook wird uns dann einen API-Schlüssel und ein Secret geben, die wir zum Erstellen der Anwendung benötigen.

Jetzt, da Sie die Facebook-Entwickleranwendung zu Ihrem Konto hinzugefügt haben, gehen Sie zu Ihrer Facebook-Seite - Sie sollten jetzt die Entwickler-App in der linken Navigation sehen. Klicken Sie darauf. Die Entwicklerseite öffnet sich, wo Sie auf die Schaltfläche + Neue Anwendung einrichten (in der oberen rechten Ecke) klicken:

Jetzt sind wir auf der Seite Neue Anwendung. Ich möchte meine App HowtoForge RSS Feed Reader nennen, also fülle ich dies als Anwendungsname aus. Ich aktiviere das Kontrollkästchen unter diesem Feld, um zu zeigen, dass ich den Bedingungen der Facebook-Plattform zustimme. Dann gebe ich eine Support-E-Mail-Adresse ein (sollte eine Adresse sein, unter der Sie oder Ihre Mitentwickler kontaktiert werden können). Die Callback-URL ist der Ort, an dem die App gehostet wird. Meine wird unter http://fb.howtoforge.com/fb/htf_feed_reader/ gehostet, also fülle ich das aus. Die Canvas-Seiten-URL ist die Facebook-Adresse, die Ihre App haben soll. Geben Sie Ihre gewünschte Adresse ein (z.B. http://apps.facebook.com/htf_feed_reader), und das Formular wird Ihnen dann sagen, ob die Adresse noch verfügbar ist oder nicht. Wählen Sie dann FBML und Website verwenden (beides sollte bereits die Standardauswahl sein):

Eine wichtige Anmerkung zur Callback-URL: Es ist absolut wichtig, dass die URL mit einem Schrägstrich (/) endet; wenn nicht, erhalten die Leute später den berühmten Fehler Die URL … hat nicht geantwortet, wann immer sie Ihre App in ihren Konten besuchen, wie folgt:

Als Nächstes füllen Sie auf der Seite Neue Anwendung die anderen Optionen aus. Beantworten Sie die Frage Kann Ihre Anwendung auf Facebook hinzugefügt werden? mit Ja. Sie können das TOS-URL-Feld leer lassen, wenn Sie keine Nutzungsbedingungen haben. Fügen Sie zusätzliche Entwickler hinzu, falls vorhanden. Als Post-Add-URL verwenden Sie die Canvas-Seiten-URL (http://apps.facebook.com/htf_feed_reader in meinem Fall). Geben Sie eine Beschreibung für Ihre Anwendung ein. Die Post-Remove-URL kann ebenfalls leer gelassen werden. Im Standard-FBML-Feld können Sie einen Text eingeben, der auf den Benutzerprofilen erscheinen soll, wenn Ihre App keinen Inhalt für die Profilseite liefert. Wählen Sie dann aus, in welcher Profilspalte Sie möchten, dass Ihr Inhalt erscheint. Da es in RSS-Feeds viel Text gibt, ist die breite Spalte in unserem Fall eine gute Wahl:

Weiter unten auf der Seite Neue Anwendung gibt es nur ein weiteres Feld, das wir ausfüllen müssen, die Side Nav URL. Auch dies ist dasselbe wie die Canvas-Seiten-URL (http://apps.facebook.com/htf_feed_reader in meinem Fall). Alle anderen Felder können leer gelassen werden. Klicken Sie anschließend auf Einreichen:

Sie sollten jetzt auf der Seite Meine Anwendungen sein, wo Sie den API-Schlüssel und das Secret für Ihre App finden können. Kopieren Sie sie, wir werden sie später für unsere App benötigen.

Weiter unten auf der Seite Meine Anwendungen sehen Sie einen Link zur PHP (4 und 5) Client-Bibliothek: