Facebook für PHP Entwickler - phpugffm

Facebook für (PHP) Entwickler


Über mich

Stephan Hochdörfer, bitExpert AG

Department Manager Research Labs

[email protected]

@shochdoerfer

http://www.facebook.com/shochdoerfer


Facebook Fakten

Mehr als 800 Millionen aktive User

Mehr als 900 Millionen Objekte (Pages, Gruppen, Events,...)

~20 Millionen Apps werden pro Tag installiert

Pro Monat nutzen mehr als 500 Millionen User FB Apps

~350 Millionen User mit mobilen Clients

Quelle: https://www.facebook.com/press/info.php?statistics


Was kann der Entwickler nutzen?


Social Plugins


Facebook Social Plugins – Like Button<div id="fb-root"></div><script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) {return;} js = d.createElement(s); js.id = id; js.src ="//connect.facebook.net/de_DE/all.js#xfbml=1&appId=0815"; fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'facebook-jssdk'));</script>

<div class="fb-like" data-href="http://www.phpugffm.de" data-send="false" data-width="450" data-show-faces="true"></div>


Mobile Applikationen


Facebook Applikationen

Facebook Apps: Entwicklungsleitfaden

Canvas Applikation


Seitenreiter Applikation


Die erste Facebook Applikation

Wie geht es los?


http://developers.facebook.com


http://developers.facebook.com/apps


Facebook PHP SDK

https://github.com/facebook/php-sdk


Facebook PHP SDK<?phprequire '../lib/facebook/facebook.php';

$facebook = new Facebook(array( 'appId' => 'YOUR_APP_ID', 'secret' => 'YOUR_APP_SECRET',));

// Get User ID$user = $facebook->getUser();


Facebook PHP SDK

Kein PSR-0? WTF?


Facebook PHP SDK – PSR-0 work-a-round<?phprequire_once(__DIR__.'/facebook.php');

/** * Facebook client, PSR-0 style */

class Facebook_Client extends Facebook{}


Facebook PHP SDK – PSR-0 work-a-round<?php

$facebook = new Facebook_Client(array( 'appId' => 'YOUR_APP_ID', 'secret' => 'YOUR_APP_SECRET',));

// Get User ID$user = $facebook->getUser();


Die erste Facebook App<!DOCTYPE html><html><body><div id="fb-root"></div><script type="text/javascript">window.fbAsyncInit = function() {

FB.init({appId: 'YOUR_APP_ID', status: true, cookie: true, xfbml: true, oauth:

true});

};(function(d, s, id) {

var js, fjs = d.getElementsByTagName(s)[0];if (d.getElementById(id)) {return;}js = d.createElement(s); js.id = id;js.src = "//connect.facebook.net/de_DE/all.js#xfbml=1&appId=YOUR_APP_ID";fjs.parentNode.insertBefore(js, fjs);

}(document, 'script', 'facebook-jssdk'));</script><div class="wrapper"></div></body></html>


Die erste Facebook App<!DOCTYPE html><html><body><div id="fb-root"></div><script type="text/javascript">window.fbAsyncInit = function() {

FB.init({appId: 'YOUR_APP_ID', status: true, cookie: true, xfbml: true, oauth:

true });

}; (function(d, s, id) {

var js, fjs = d.getElementsByTagName(s)[0];if (d.getElementById(id)) {return;}js = d.createElement(s); js.id = id;js.src = "//connect.facebook.net/de_DE/all.js#xfbml=1&appId=YOUR_APP_ID";fjs.parentNode.insertBefore(js, fjs);

}(document, 'script', 'facebook-jssdk'));</script><div class="wrapper"></div></body></html>


Die erste Facebook App

Wie kommt die App auf die Fanpage?


Die erste Facebook App – Fanpage Integration

https://www.facebook.com/dialog/pagetab?app_id=YOUR_APP_ID&next=YOUR_URL


Die erste Facebook App – Fanpage Integration


Fertig :)


Request Flow

User / Browser

Facebook Fanpage

Applikations-server

HTTP Post Request+ signed_request


Request Flow - signed_request

sicherer Datenaustausch zw. Facebook und der eigenen

App

Konkatenation HMAC SHA-256 Signatur, einem Punkt (.)

und einem base64 kodierten JSON Objekt

Zum Dekodieren wird das App Secret benötigt!

Enthält Informationen zum User, Fanpage und Deeplink

Parameter


Wer ist der User?


Login / AuthentifzierungFB.getLoginStatus(function(response) { if (response.authResponse) {

// User eingeloggt } else {

// Versuchen den User einzuloggen FB.login(function(response) {

if(response.authResponse) { if(response.perms) {

// ist eingeloggt.... }

} }, {

perms: 'publish_stream, offline_access' });

}});


Login / Authentifzierung – Signed Request

Neuer signed_request nach dem Login!


Login / Authentifzierung – User Perms

user_about_me, user_activities, user_birthday, user_checkins, user_education_history, user_events, user_groups, user_hometown, user_interests, user_likes, user_location, user_notes, user_online_presence, user_photo_video_tags, user_photos, user_questions, user_relationships, user_relationships_details, user_religion_politics, user_status, user_videos, user_website, user_work_history, email


Login / Authentifzierung – Extended Perms

read_friendlists, read_insights, read_mailbox, read_requests, read_stream, xmpp_login, ads_management, create_event, manage_friendlists, manage_notifications, offline_access, publish_checkins, publish_stream, rsvp_event, sms, publish_actions, manage_pages


The Graph API presents a simple, consistent view of the Facebook social

graph, uniformly representing objects in the graph and the connections between

them.


https://graph.facebook.com/me?access_token=

Graph API – Wer bin ich?


https://graph.facebook.com/me/friends?access_token=

Graph API – Wer sind meine Freunde?


https://graph.facebook.com/me/likes?access_token=

Graph API – Was mag ich?


Graph API (JS Style)FB.api('/me', function(response) { alert(response.name);});


Graph API (JS Style)var msg = 'Hello phpugffm!';

FB.api('/me/feed', 'post', { message: msg }, function(response) { if (!response || response.error) { alert('Error occured'); } else { alert('Post ID: ' + response.id); }});


Graph API (PHP Style)<?php

$post = array('message' => 'Hello phpugffm!',

);

$facebook->api('/me/feed', 'post', $post);


FQL enables you to use a SQL-style interface to query the data exposed by

the Graph API.


FQL Tabellen

album, application, apprequest, checkin, comment, comments_info, connection, cookies, developer, domain, domain_admin, event, event_member, family, friend, friend_request, friendlist, friendlist_member, group, group_member, insights, like, link, link_stat, mailbox_folder, message, note, notification, object_url, page, page_admin, page_blocked_user, page_fan, permissions, permissions_info, photo, photo_tag, place, privacy, privacy_setting, profile, question, question_option, question_option_votes, review, standard_friend_info, standard_user_info, status, stream, stream_filter, stream_tag, thread, translation, unified_thread, unified_thread_action, user, ...


FQL (JS Style)

FB.api({ method: 'fql.query', query: 'select first_name,last_name,email from userwhere uid = me()'},function(response) { console.log(response);});


FQL (JS Style) - Subselect

FB.api({ method: 'fql.query', query: 'select first_name,last_name,email from userwhere uid IN (SELECT uid2 FROM friend WHERE uid1 =me())'},function(response) { console.log(response);});


Wallpost (JS Style)

var pageId = 12345678;var post = { message: '', name: 'Der Name des Links', caption: 'Die Beschreibung', link: 'http://www.facebook.com/'+pageId, attribution: 'Meine App'};

FB.api('/'+pageId+'/feed', 'post', post);


Wallpost (PHP Style)<?php

$pageId = 12345678;$post = array(

'message' => '','name' => 'Der Name des Links','caption' => 'Die Beschreibung','link' => 'http://www.facebook.com/'.$pageId,'attribution' => 'Meine App'

);

$facebook->api('/'.$pageId.'/feed', 'post', $post);

Vielen Dank!

Facebook für PHP Entwickler - phpugffm

Technology

Transcript of Facebook für PHP Entwickler - phpugffm