Facebook and its development
2 likes10,288 views
1. The document discusses Facebook's API development including an overview of the Graph API and FQL, authentication methods, and both current and future uses of social data. 2. It provides details on the Graph API's RESTful design that makes all objects accessible via URLs and allows querying of connections between objects. 3. FQL is described as an SQL-like syntax for complex queries across Facebook objects and methods to reduce response sizes and condense queries.
![Restful Apihttps://api.facebook.com/method/[name]users.hasAppPermissionusers.isAppUserusers.getLoggedInUserBenefitEasy SOAResourceOnly HttpStatelessLight WeightSimpleReadableJson and XMLdeprecatedhttps://api.facebook.com/method/users.getInfo?uids=555020699&fields=name&access_token=…](https://image.slidesharecdn.com/facebookanditsdevelopment-110223025955-phpapp01/85/Facebook-and-its-development-6-320.jpg)
![Json return{ "data": [ { "id": "555020699_160639637289676", "message": "I agree with Reg, this makes me really proud to live in Toronto...","picture": "http://external.ak.fbcdn.net/safe_image.php?d=ace00444e7daf6cb40d8605fae85c257&w=130&h=130&url=http%3A%2F%2Fi.ytimg.com%2Fvi%2F-KGLgDQAo5U%2F0.jpg", "link": "http://www.youtube.com/watch?v=-KGLgDQAo5U&feature=youtube_gdata_player", "source": "http://www.youtube.com/v/-KGLgDQAo5U&autoplay=1", "name": "Hoedown Throwdown", "caption": "www.youtube.com", "description": "I got off the subway at Bloor and Yonge last night, and this is what I saw; some buskers with a fiddle and a banjo were playing, and these four other guys just started to pop it and lock it, apparently just for the hell of it. It cheered me right up.", "icon": "http://static.ak.fbcdn.net/rsrc.php/zj/r/v2OnaTyTQZE.gif", "actions": [ { "name": "Comment", "link": "http://www.facebook.com/555020699/posts/160639637289676" }, { "name": "Like", "link": "http://www.facebook.com/555020699/posts/160639637289676" }],](https://image.slidesharecdn.com/facebookanditsdevelopment-110223025955-phpapp01/85/Facebook-and-its-development-19-320.jpg)
Facebook and its development
- 1. ApiFacebook developmentby Wang Tao at Ethos / 2011-2-17
- 2. About me@anytao in twitterA .net geek in China
- 3. Facebook & its APIoverviewgraph ApiFQLauthenticationcurrent solutionOther Social Network: Twitter, t.sina
- 5. Restful API
- 6. Restful Apihttps://api.facebook.com/method/[name]users.hasAppPermissionusers.isAppUserusers.getLoggedInUserBenefitEasy SOAResourceOnly HttpStatelessLight WeightSimpleReadableJson and XMLdeprecatedhttps://api.facebook.com/method/users.getInfo?uids=555020699&fields=name&access_token=…
- 7. Graph APISimple, Consistent, and Connected
- 8. Objects
- 11. Data object as URL!ConsistentAll objects in Facebook can be accessed in the same way:Users: https://graph.facebook.com/btaylor (Bret Taylor)Pages: https://graph.facebook.com/cocacola (Coca-Cola page)Events: https://graph.facebook.com/251906384206 (Facebook Developer Garage Austin)Groups: https://graph.facebook.com/195466193802264 (Facebook Developers group)Applications: https://graph.facebook.com/2439131959 (the Graffiti app)Status messages: https://graph.facebook.com/367501354973 (A status message from Bret)Photos: https://graph.facebook.com/98423808305 (A photo from the Coca-Cola page)Photo albums: https://graph.facebook.com/99394368305 (Coca-Cola's wall photos)Profile pictures: http://graph.facebook.com/anytao/picture (your profile picture)Videos: https://graph.facebook.com/614004947048 (A Facebook tech talk on Tornado)Notes: https://graph.facebook.com/122788341354 (Note announcing Facebook for iPhone 3.0)Checkins: https://graph.facebook.com/414866888308 (Check-in at a pizzeria)
- 13. feed
- 14. posts
- 15. friends
- 16. picture
- 17. photos
- 18. …Objects+connectionshttp://graph.facebook.com/anytao/picturehttp://graph.facebook.com/me/friends
- 19. Json return{ "data": [ { "id": "555020699_160639637289676", "message": "I agree with Reg, this makes me really proud to live in Toronto...","picture": "http://external.ak.fbcdn.net/safe_image.php?d=ace00444e7daf6cb40d8605fae85c257&w=130&h=130&url=http%3A%2F%2Fi.ytimg.com%2Fvi%2F-KGLgDQAo5U%2F0.jpg", "link": "http://www.youtube.com/watch?v=-KGLgDQAo5U&feature=youtube_gdata_player", "source": "http://www.youtube.com/v/-KGLgDQAo5U&autoplay=1", "name": "Hoedown Throwdown", "caption": "www.youtube.com", "description": "I got off the subway at Bloor and Yonge last night, and this is what I saw; some buskers with a fiddle and a banjo were playing, and these four other guys just started to pop it and lock it, apparently just for the hell of it. It cheered me right up.", "icon": "http://static.ak.fbcdn.net/rsrc.php/zj/r/v2OnaTyTQZE.gif", "actions": [ { "name": "Comment", "link": "http://www.facebook.com/555020699/posts/160639637289676" }, { "name": "Like", "link": "http://www.facebook.com/555020699/posts/160639637289676" }],
- 20. DemoEvery object in the social graph has a unique ID. You can access the properties of an object by requesting.https://graph.facebook.com/{ID}http://graph.facebook.com/anytaohttp://graph.facebook.com/anytaohttps://graph.facebook.com/anytao/friends?access_token=2227470867|2.0x1QCxus6HCsWaaMArPglg__.3600.1297929600-738694610|aZXed9W0Ank-2mhI73UnwIX3gYIhttps://graph.facebook.com/anytao/friends?access_token=2227470867|2.0x1QCxus6HCsWaaMArPglg__.3600.1297929600-738694610|aZXed9W0Ank-2mhI73UnwIX3gYI
- 21. FQL
- 22. Key advantagesCommon syntax for all methodsCondense Facebook queriesReduce response size
- 23. FQL is an SQL-like syntaxSELECT name FROM user WHERE uid = 4Has AND, OR and NOT keywordsUse basic boolean operatorsSELECT uid2 FROM friend WHERE uid = 4 AND uid2 > (4 + 1000)Enhance queries with basic functionsnow()strlen()
- 24. FQL is an SQL-like syntaxsubstr()strpos()Example, SELECT location FROM event WHRERE eid=1234567 AND strpos(name, “facebook”) AND start_time > 10000000
- 25. FQL: Advanced QuerySELECT eid FROM event WHERE eid IN ( SELECT eid FROM event_member WHERE uid = 4) AND location = “beijing”
- 26. FQL, not SQLNo JOINNo ORDER BYNo GROUP BYNo LIMITOnly one table in FROMNot allowed: SELECT * FROM user, photo WHERE uid = 4
- 27. FQL, not SQLdisplay most recently updated events in BejingSQL: SELECT * FROM event WHERE location = “bejing” AND user = 4 ORDER BY update_time ASCFQL:SELCT update_time, eid, name, location FROM event WHERE eid IN (SLECT eid FROM event_member WHERE uid = 4) AND location = “beijing”
- 28. Demohttps://api.facebook.com/method/fql.query?access_token=2227470867|2.9stmGn8B630JCOkK7xICMw__.3600.1297922400-738694610|gdYJgGegkPa71WVFv-HD2XMxi0M&format=json&query=select%20name%20from%20user%20where%20uid=621627426https://api.facebook.com/method/fql.query?access_token=2227470867|2.gouA9cuplsTSEpAOnMBlhA__.3600.1298304000-738694610|allgk00e3d6e6S33DzFi8-kteQ0&format=json&query=select%20name,%20location%20from%20event%20where%20eid%20in%20(select%20eid%20from%20event_member%20where%20uid%20=%20738694610)select name, location from event where eid in (select eid from event_member where uid = 738694610)
- 29. Authentication
- 30. Facebook Authenticationoauth 2.0http://graph.facebook.com/anytaohttp://graph.facebook.com/anytao/picture<public data>http://graph.facebook.com/anytao/home?access_token=http://graph.facebook.com/anytao/feed?access_token=access_token<privatec data>
- 31. What is OAuth?
- 32. Actors on Facebook oAuthJacky - UserExplorer - ConsumerFacebook - Service Provider123Example
- 33. Retrieve a request token123Request user authorizationExchange request token for an access tokenExample
- 34. Facebook Authentication / Server side flowExplorer try to access FBOAuth Dialog(App Authorization)OAuth Dialog(User Authentication)https://www.facebook.com/dialog/oauth? client_id=YOUR_APP_ID&redirect_uri=YOUR_URL
- 35. Facebook Authentication / Server side flowExplorer try to access FBOAuth Dialog(App Authorization)OAuth Dialog(User Authentication)https://www.facebook.com/dialog/oauth? client_id=YOUR_APP_ID&redirect_uri=YOUR_URL&scope=email,read_stream
- 36. Facebook Authentication / Server side flowExplorer try to access FBOAuth Dialog(App Authorization)OAuth Dialog(User Authentication)Cookie not found, show OAuthDialog(facebook layout)
- 37. Facebook Authentication / Server side flowExplorer try to access FBOAuth Dialog(App Authorization)OAuth Dialog(User Authentication)Goes to App Authorization directly…
- 38. Facebook Authentication / Server side flowExplorer try to access FBOAuth Dialog(App Authorization)Http 302(redirect_urlparam)OAuth Dialog(User Authentication)Don’t allow!http://YOUR_URL?error_reason=user_denied& error=access_denied&error_description=The+user+denied+your+request.
- 39. Facebook Authentication / Server side flowExplorer try to access FBOAuth Dialog(App Authorization)Http 302(redirect_urlparam)OAuth Dialog(User Authentication)Allow! Redirect with Authorization Code paramhttp://YOUR_URL?code=A_CODE_GENERATED_BY_SERVER
- 40. Facebook Authentication / Server side flowhttp://mydomain.comOAuth(App authorization)Request: https://graph.facebook.com/oauth/access_tokenhttps://graph.facebook.com/oauth/access_token? client_id=YOUR_APP_ID&redirect_uri=YOUR_URL& client_secret=YOUR_APP_SECRET&code=THE_CODE_FROM_ABOVE
- 41. Facebook Authentication / Server side flowhttp://mydomain.comHttp 400Failed!{ "error": { "type": "OAuthException", "message": "Error validating verification code." } }
- 42. Facebook Authentication / Server side flowhttp://mydomain.comHTTP 302(redirect_url)Successful authenticated!access_tokenin the body of the request
- 43. Facebook Authentication / Client side flowHttp requestHTTP 302(redirect_url)Pass URI fragment with access_token
- 45. Current: Data crawlerGet public data at firstGet friends’ public dataBuild popular application to link Facebook user
- 46. Future: Data crawler provider in CloudDesign as providerDeploy and administration in AzureGet grant and permission automatically or other way
Editor's Notes
- #22: arsort($result);array_slice($result, 0, 5);