I Like beyond tellerrand play 12
Werbung
I Like
beyond tellerrand play 12
Saban Ünlü
Inhalt
• Fakten
und Daten
• Graph
API
• Applikations-Setup
• Ablauf
der App. Initialisierung
• Anwendungsbeispiele
Fakten und Daten
Fakten und Daten
Fakten und Daten
• Facebook
• Über
• Seit
1 Millionen Apps in Verwendung
2007 ist die App Entwicklung möglich
• Weltweit
gibt es 1/2 Millionen FB-Entwickler
Fakten und Daten
• Was
davor geschah
• FBML
(facebook markup language)
• <fb:name
• FBJS
/>
(eine JavaScript ähnliche Sprache)
• veraltet
• FQL
• FB
(FB Query Language - ähnlich SQL)
Connect (Mit Facebook Login bei dritt Seiten anmelden)
• überflüssig
Fakten und Daten
• Entwicklung
heute
• Ausschließlich
• normales
JS wird verwendet
• beliebige
• SDKs
iFrame (APP auf eigenen Server)
Libs
für unterschiedlichste Sprachen
• Authentifizierung
• Graph
API
über OAuth 2.0 (http://oauth.net/2/)
Graph API
Graph API
• Schnittstelle
• Jede
im Objekt Orientiertem Prinzip
Information ist ein Objekt
• Personen,
• Alben,
Feeds, etc.
Fotos etc.
•
Daten Lesen ( GET )
•
Schreiben ( POST )
• Objekte
sind ein- oder mehrfach miteinander verlinkt
Graph API
• Schnittstelle
im Objekt Orientiertem Prinzip
• Asynchroner
AJAX Aufruf auf API-URL
• Antwort-Objekt
• Resultat:
ist im JSON Format
Social Graph
Social Graph
Graph API
• Öffentliche
•
Aufrufe
/me
• Aufrufe
mit Token
•
/me?
access_token=AAACEdEose0cBAD6v2PVy5VuZBGzIW0zrBwOqeZ
BjE8BKLCfl9dVeIdMPkMa2ecDZBIuOGi56ZCE9FAyAnvaZBV1qhgK5
...
•
geben Erweiterte Informationen aus, wenn Berechtigungen definiert
sind.
• Berechtigungen
Graph API
•
Berechtigungen
•
user_about_me
Über Dich
•
email
Deine eMail Adresse
•
user_status
Deine Statusmeldungen
•
user_likes
Deine „Gefällt mir“-Angaben
•
friends_likes
„Gefällt mir“-Angaben deiner Freunde
•
read_stream
Auf Beiträge in deinen Neuigkeiten zugreifen
•
user_photos
Deine Fotos
•
photo_upload
Fotos Verwalten
•
read_stream
Status Meldungen lesen
•
publish_stream
Status Meldungen schreiben
Graph API - DEMO
Graph API - DEMO
Applikations-Setup
developers.facebook.com
Neue Anwendung erstellen
Anzeigename und Namensraum
Allgemeine Einstellungen
Allgemeine Informationen
Anwendungstypen
Website
Anwendung auf Facebook
Seitenreiter
App als Reiter hinzufügen
• Installation
über Direkt-Link
• http://www.facebook.com/dialog/pagetab
?app_id=[app_ID]
&redirect_uri
=http://apps.facebook.com/[namespace]
App als Reiter hinzufügen
Canvas-Einstellungen
Ablauf der App. Initialisierung
Ablauf der App. Initialisierung
Init-Aufruf bei Facebook
und APP Secret
mit APP ID
(bei PHP)
Checken ob es einen Token gibt
(Token == FB-Session mit Berechtigungswerten)
Login
(ggf. mit Berechtigungswerten)
Token - index
JavaScript Application
alles innerhalb <div id="fb-root">
facebook lib async. laden
window.fbAsyncInit
Facebook Init
Facebook.getAuthResponse()
Token über Status holen FB.api
('/me/statuses'...)
Login Facebook.login
(callback, scope)
Flash / Flex Application
FotoFlash - index
FotoFlash - mxml
App mit GraphAPI_Web Lib von Adobe erstellen
im <head> die facebook lib laden
swf in <div id="fb-root"> einbetten
wenn swf fertig geladen & initialisiert
Facebook.init (APP_ID, callback)
im callback token suchen
alternativ Token Anfragen: Facebook.getAuthResponse()
wenn kein Token Login Facebook.login(onLogin, scope);
Achtung! - PopUp
PHP Application
Token - index.php
SDK einbinden
Neue Facebook Instanz mit id und secret erstellen
Über $facebook->getUser (); Login validiren
Login über redirect $facebook->getLoginUrl($params);
Token anfragen $facebook->getAccessToken ();
Anwendungsbeispiele
Foto - index.html
Foto - index.php
FotoFlash.mxml
Fotos
ReadStatus - index.html
ReadStatus - index.php
ReadStatus.mxml
Stream
Fan - index.php
Fan - index.html
LIKE
DANKE !
JOB ?
Vielen Dank!
Saban Ünlü
