You are previewing Praxishandbuch Facebook-Programmierung.
O'Reilly logo
Praxishandbuch Facebook-Programmierung

Book Description

"Praxishandbuch Facebook-Programmierung" zeigt, dass man keine außergewöhnlichen Hürden nehmen muss, um Teil der technischen Facebook-Welt zu werden. Die Anforderungen an Facebook-Anwendungsprogrammierer unterscheiden sich nicht sonderlich von den gängigen, modernen Web-Techniken. Im Buch wird der Einsatz der JavaScript- und PHP-Entwicklungswerkzeuge von Facebook anhand praktischer Beispiele erklärt.

Table of Contents

  1. 1. Einführung
    1. Ausblick
    2. Checkliste – Was wird benötigt?
    3. PHP-Frameworks
      1. Vielmehr als nur eine Datenbank: Facebooks Parse
      2. Los geht’s!
  2. 2. Hallo Welt, hallo Facebook
    1. Die erste Facebook-Anwendung
      1. Arbeitsumgebung einrichten
        1. Arbeitsbereich organisieren
      2. Webserver einrichten
        1. Web-Projekt einrichten
        2. Host-Tabelle anpassen
        3. Webserver-Vhosts anpassen
        4. SSL ist auf Facebook ein Muss!
      3. »Hallo Welt«-HTML-Seite erstellen
    2. Facebook-Developer-Account
      1. Account-Erstellung
    3. Facebook-Anwendung erstellen
      1. Titel der Anwendung
      2. Namespace
      3. Kategorie
      4. Erstellung abschließen
      5. Plattform hinzufügen
        1. Teste deine Anwendung
      6. Retrospektive
    4. Facebook-Anwendungenstypen
      1. Website
      2. Anwendung auf Facebook
        1. Canvas Width und Canvas Height
        2. Canvas-URL
        3. Unity Integration
        4. Canvas-Apps auf Mobile
      3. Seitenreiter
        1. Keine Freunde auf Facebook: Seitenreiter und mobile Endgeräte
        2. Seitenreiter einrichten
        3. Page Tab Name
        4. Page Tab Image
        5. Page Tab URLs
        6. Page Admin Control
        7. Wide Page Tab
      4. Reiter zu Seite hinzufügen
      5. Seitenreiter anordnen
      6. Seitenreiter entfernen
        1. Signed Request
      7. Zukunftsaussichten des Seitenreiters
    5. Zusammenfassung
  3. 3. Facebook-Graph-API und SDKs
    1. Facebook-Graph-API
      1. Social Graph
      2. Der Graph-API-Explorer
        1. Nutzerdaten Graph-API-Explorer
      3. Alle Graph-API-Endpunkte im Überblick
    2. API- und Plattform-Versionierung
      1. Core und Extended Features
      2. Migrations
      3. 2 Jahre Garantie auf Core Features
      4. Zeitliche Faktoren
      5. Ende der Version 1.0
    3. Facebook-SDKs
      1. JavaScript-SDK
        1. Social Plugins
      2. PHP-SDK
      3. Die perfekte Heirat: JavaScript und PHP
    4. Implementierung des JavaScript-SDK
      1. JavaScript-SDK testen
      2. Weitere SDK-Optionen
      3. Core-Methoden
        1. API-Methode
        2. User-Interface-Methode
      4. Zusammenfassung und Ausblick
    5. Facebook-PHP-SDK
      1. Facebook-PHP-SDK laden
        1. Manuelles Laden
        2. Laden per Composer
        3. Manuell vs. Composer
        4. PHP-SDK testen
    6. Signed Request
      1. FAQs
      2. Signed Request auslesen
        1. Signed Request per PHP-SDK auslesen
        2. Signed Request per JavaScript-SDK auslesen
        3. Signed Request im Seitenreiter
      3. Zusammenfassung und Ausblick
  4. 4. Open Graph und soziale Plugins
    1. Open-Graph-Protokoll
      1. Technischer Hintergrund: Der Facebook-Scraper
      2. Open Graph basierte Link-Vorschau
      3. Open-Graph-Object-Debugger
        1. Open-Graph-Cache erneuern
    2. Soziale Plugins
      1. Schnell-Übersicht
      2. Code-Generator
      3. HTML5, XFBML, IFrame oder URL
        1. HTML5
        2. XFBML
        3. IFrame
        4. URL
      4. Social Plugins im Detail
        1. Like-Button
        2. Share-Button
        3. Embedded Posts
        4. Comments
        5. Send-Button
        6. Follow-Button
        7. Activity Feed
        8. Recommendations Feed
        9. Like-Box
        10. Facepile
      5. Zusammenfassung
      6. Nächste Schritte
  5. 5. Allgemeine Entwicklungstools
    1. JavaScript Templates
      1. Handlebars
        1. Weitere Template-Bibliotheken
    2. Twitter Bootstrap
    3. Parse
      1. Parse Core
        1. Daten speichern
        2. Nutzermanagement
        3. Website-Hosting
        4. Serverseitige Logik
      2. Push-Service
      3. Parse Analytics
      4. Preis-Modell
      5. Erste Schritte mit Parse
        1. Parse Account erstellen
        2. Anmeldung abschließen und Anwendung erstellen
      6. Blanko-Projekt anlegen
        1. Neues Projekt erstellen
      7. Blanko-Projekt vervollständigen
        1. Ordnerstruktur
        2. index.html
        3. Klasse erstellen
        4. Objekt erstellen
        5. Objekt speichern
      8. Verwendung des Data-Browsers
        1. Menü
        2. Datenansicht
      9. Beispiel-Anwendung: Todo-Liste
        1. Template anpassen
        2. Daten speichern
        3. Daten lesen
      10. Zusammenfassung
  6. 6. Facebook-Login
    1. Login per JavaScript-SDK
      1. Cross-Plattform
      2. Desktop-Layout
      3. Mobile Layout
      4. Spracheinstellungen
      5. Tipps zum Testen
      6. Login Callback
      7. Logout-Button
      8. Login-Status abfragen
    2. Rechteverwaltung
      1. Erweiterung der Rechteabfrage
      2. Rechte-Kategorien
      3. Rechteabfrage – Best Practices
      4. Anpassung der Rechte durch den Nutzer
      5. Überprüfung von vergebenen Rechten
        1. Berechtigungen zurücknehmen
        2. Login zurücknehmen
        3. Berechtigungen erneut abfragen
    3. Login per PHP-SDK
      1. Login-URL
        1. Session weiterführen
        2. Erweiterung der Rechteabfrage via PHP
    4. Registrierung mit Facebook
      1. Vorüberlegungen
      2. Vorbereitung
      3. Unser Ansatz
      4. Datenbank-Struktur
      5. Facebook PHP-SDK-Installation
      6. Klassenstruktur
      7. Basis-Template
      8. Registrierungsformular
      9. Sign-Up mit Facebook
        1. Initialisierung des PHP-SDKs und Login Helper
        2. Login-URL erstellen
        3. Test des Formulartemplates
      10. Formular per Graph-API befüllen
        1. Zentrale Funktion für Nutzerdaten
        2. Aktualisierung des Registrierungs-Templates
        3. Registrierung in Datenbank speichern
      11. Übernahme der Facebook-Session
        1. Registrierung in Datenbank speichern
        2. Fehlerbehandlung
        3. Login-Status
        4. Logged-In-Ansicht
      12. Logout
      13. Login-Formular
        1. Login-Switch
        2. Login via Passwort
        3. Login via Facebook
      14. Registrierung ohne Passwort
      15. Facebook-Verbindung aufheben
    5. Registrierung per JavaScript-SDK
      1. Registrierung ohne Passwort
    6. Registrierung bei Parse
      1. Voraussetzungen
      2. Kombination des Facebook- und Parse-JavaScript-SDKs
      3. Registrierung durchführen
      4. Rechte anpassen
      5. Nutzer verwalten
      6. E-Mail und Passwort hinzufügen
      7. E-Mail verifizieren
      8. E-Mail-Template
      9. Anwendung absichern
      10. Datenschutz
    7. Privatsphäre in der Graph-API v2.0
      1. Anwendungsbezogene Nutzer-IDs
      2. Daten von Freunden
        1. Die Nutzung einer Anwendung ist eine Grundvoraussetzung für den Datenzugriff
        2. Die Nutzung einer Anwendung ist – sofern gewünscht – anonym gegenüber Freunden
      3. Zusammenfassung
  7. 7. Anwendungsbeispiele
    1. »Foto des Monats«-Anwendung
      1. Das Anwendungskonzept
        1. Technischer Ansatz
        2. Vorbereitung
        3. Datenbank Tabellen erstellen
        4. User Tabelle
        5. »Bilder« Tabelle erstellen
        6. »Stimmen« Tabelle erstellen
        7. Testdaten
        8. »Foto des Monats«-Template
        9. Darstellung der Bilderliste
        10. Bilder von Parse laden
        11. Bilder-Template
        12. Button zur Stimmabgabe
      2. Prävention mehrfacher Stimmabgabe im Frontend
      3. Prävention mehrfacher Stimmabgabe im Backend
        1. Parse Cloud Code Tool Installation
        2. Parse Cloud Code Setup
      4. Darstellung der Abstimmungsresultate
    2. Open Graph Anwendung
      1. Open Graph Meldungen konfigurieren
      2. Standard-Handlungen und Objekte
      3. Open Graph Objekt Eigenschaften
      4. Open Graph Einrichtung am »Foto des Monats« Beispiel
        1. »Foto«-Objekt Typ erstellen
        2. »Foto«-Objekt Markup
        3. »Abstimmen« Handlung erstellen
        4. Review von Open Graph Stories
        5. Vorbereitung des Tutorium
        6. Voraussetzungen
        7. Heroku Setup
        8. Git Setup
        9. Git Repository erstellen
        10. Neue Heroku App Erstellen
        11. Parse PHP SDKs
        12. Git Ignore für Vendor-Verzeichnis
        13. Template
        14. Bibliothek für Fotodaten
        15. Open Graph Markup
        16. Heroku Deployment
      5. Testen der Open Graph Tags
      6. JavaScript Anwendung
        1. Initialisierung
        2. Bilder laden
        3. Kompilieren des Template
        4. Publizierungsrechte anfragen
        5. Stimme speichern
        6. Publizierung der Open Graph Story
      7. Praxis-Test
      8. Lokalisierung von Custom Open Graph Stories
      9. Erweiterte Optionen für Handlungs-Typen
        1. Markierung von Orten
        2. Markierung von Freunden
        3. Template für Freundesliste
    3. Profilbild Anwendung
      1. Vorbereitungen
      2. Best Practice: Rechteabfrage
      3. Tools zur Bild-Bearbeitung
      4. Aviary Einrichtung
      5. Einrichtung des Facebook-Projekts
      6. Basis-Template
      7. Login Ansicht
      8. Album-Ansicht
        1. Album-Liste rendern
        2. Bild-Ansicht
        3. Bild-Liste rendern
        4. Bild-Editor-Ansicht
        5. Editor laden
        6. Editor rendern
        7. Bild veröffentlichen
        8. Publizierungs-Rechte anfragen
        9. Bild publizieren
        10. Ergebnis überprüfen
      9. Als Profilbild verwenden
    4. Places-Anwendung
      1. Anwendungskonzept
      2. Technisches Konzept
      3. Aggregation von Daten via PHP
      4. Lesen von Daten via JavaScript
      5. Best Practice: PHP vs. JavaScript
      6. Neue API-Endpunkte, Berechtigungen und Datentypen
        1. Vorbereitungen
        2. Test-Accounts und Daten
        3. Über Mapbox
        4. Mapbox-Einrichtung
        5. Mapbox Access Token
        6. Facebook und Parse PHP SDK Installation
        7. Projekt-Struktur
        8. HTML-Template
        9. Facebook und Parse JavaScript SDKs
        10. Benutzer-Login
        11. Aggregation abfragen
        12. Initialisierung der PHP SDKs
        13. Aggregation der Facebook Place-Tag-Daten
        14. Nutzer Session
        15. Response Methode
        16. Methode zur Ausführung
        17. Facebook API Request Methode
        18. Profil- und Freundeliste-Anfrage
        19. Place-Tags API Anfrage
        20. Struktur für PlaceTag Klasse
        21. GeoPoint Verwendung
        22. PlaceTags speichern
        23. Doppelte Einträge vermeiden
        24. Überprüfung der Aggregation im Data-Browser
      7. Darstellung der Suchergebnisse
        1. Ermittlung des Nutzer-Standort
        2. Abfrage naheliegender Orte
        3. Template-Kompilierung
      8. Kartendarstellung
        1. Retrospektive
    5. Social Context API
      1. Beispiel-Anwendungen
      2. Freunde die an einem Ort markiert wurden
      3. Freunde die an naheliegenden Orten markiert wurden
      4. Rückblick
    6. Seitenbeiträge erstellen
      1. User, Page und App Access Tokens
        1. Dynamischer Rollenwechsel
      2. Berechtigung zur Seitenverwaltung
        1. Facebook Review der Berechtigung
      3. Auflistung der verwalteten Seiten
        1. Abfrage per PHP SDK
        2. Long Living Access Token
        3. Long Living Access Token per PHP SDK
        4. Zeitlich unbeschränkter Page Access Token
      4. Seitenbeiträge via Graph API erstellen
      5. Seitenbeiträge via PHP SDK erstellen
        1. Beiträge zeitlich planen
      6. Zusammenfassung
  8. 8. Games
    1. Achievements
    2. Verwaltung von Achievements
      1. Neues Facebook-Spiel erstellen
      2. Neue Parse-App erstellen
      3. Parse-Cloud-Code-Module installieren
      4. Parse-Anwendung verknüpfen
      5. Achievement-Open-Graph-Dokument erstellen
      6. Open-Graph-Dateien publizieren
      7. Open-Graph-Tags des Achievements validieren
      8. Anwendung absichern
    3. App Access Token
      1. Token Austausch via Graph-API
      2. Manuell
    4. Achievements-Manager-Anwendung
      1. Manager-Ansicht
    5. Achievements-Publisher
      1. Facebook-Login
      2. Achievement-Ansicht in der Timeline
      3. Detailansicht eines Achievements
      4. Rückblick auf Achievements
    6. Scores-API
      1. »Subjektive«-Ranglisten
      2. Funktionen der Scores-API
      3. Highscore-Testanwendung
        1. Score-Template
        2. Skriptstruktur
        3. Facebook-SDK und Login
        4. Punktezahl-Skript-Initialisierung
        5. Aktuelle Punktzahl auslesen
        6. Punktzahl aktualisieren
        7. Scores-API-Timeline-Beiträge
    7. Freunde einladen
      1. Request-Dialog via JavaScript-SDK
        1. Kontext des Requests
        2. Request löschen
        3. Request-Parameter
        4. Einzelanfrage via JavaScript-SDK
      2. App-to-User-Requests
        1. App-to-User-Requests via Facebook-PHP-SDK
      3. Invitable Friends
      4. Zusammenfassung
  9. 9. Submission und Review
    1. App-Center
      1. Spiele
      2. Native iOS- und Android-Anwendungen
      3. Ausfüllen und Einreichen
        1. Informationen zur App
        2. Kontaktinformationen
        3. App-Center-Plattformen
        4. Symbole
        5. Werbeformate
        6. Screenshots
        7. Videos
      4. Vorschau
      5. App-Center-Einreichung absenden
    2. Facebook-Login-Review
      1. Ist ein Review in jedem Fall notwendig?
      2. Beispiel 1: Dating-Anwendung
      3. Beispiel 2: Multiple-Choice-Gewinnspiel
      4. Ausfüllen und Einreichen
        1. Den Review-Prozess starten
        2. Das Submission-Formular ausfüllen
        3. Tipps aus der Praxis
    3. Open-Graph-Aktionen
      1. Best Practices
        1. Voraussetzungen
      2. Ausfüllen und Einreichen
        1. Items
        2. Erklärung
        3. Test User
        4. Page for Testing
        5. Screenshots
        6. Submit for Review
    4. Abgelehnt – und nun?
      1. Zusammenfassung
  10. 10. Anwendungsoptimierung und Erfolgsmessung
    1. Facebook Insights
      1. Metrik: Referrals
      2. Metrik: Facebook-Login
      3. Metrik: Storys
      4. Weitere Metriken
    2. App-Events für Canvas-Anwendungen
      1. Demographische Aufschlüsselung
      2. Technische Implementierung
        1. Laden der Anwendung
        2. Allgemeine Ereignisse
        3. Vordefinierte Ereignisse
        4. Einkäufe
      3. Soziale Interaktionen erfassen
      4. Testen der Implementierung
    3. Tracking mit Google Analytics
      1. Referrer-Tracking-Fix: Canvas-Apps
      2. Referrer-Tracking-Fix: Seitenreiter
      3. Soziale Interaktionen erfassen
      4. Individuelle Interaktionen erfassen
      5. Nicht-eingeloggte und eingeloggte Nutzer erfassen
      6. Zusammenfassung
  11. A. Über die Autoren
  12. Stichwortverzeichnis
  13. Kolophon
  14. Copyright