2013 FJU CSIE WECO LAB 宅學營

1. Facebook API
資⼯工四⼄乙
賴冠學
楊皇毅
13年8月27⽇日星期⼆二

2. Why Facebook?
13年8月27⽇日星期⼆二

3. Why Facebook?
Online since 2004
Over 1,000,000,000 users around the
world
13年8月27⽇日星期⼆二

4. Why Facebook?
2004 2005 2006 2007 2008 2009 2010 2011 2012 2013
0
375
750
1125
1500
Facebook Monthly Active Users in Millions
Monthly Active Users
Data from Facebook
13年8月27⽇日星期⼆二

5. Why Facebook?
2004 2005 2006 2007 2008 2009 2010 2011 2012 2013
0
375
750
1125
1500
Facebook Monthly Active Users in Millions
Monthly Active Users
Data from Facebook
13年8月27⽇日星期⼆二

6. Social Graph
2007 Facebook f8
Facebook Platform
13年8月27⽇日星期⼆二

7. Social Graph
me
Adam Lisa
Bob
Kate
Like Photo
Share
Like
13年8月27⽇日星期⼆二

8. Facebook API
Facebook Platform & Permission
Iframe
Open Graph
Authentication
Social Plugins
Graph API
13年8月27⽇日星期⼆二

9. Facebook Platform
Open up Facebook users to Developers
Facebook Markup Language (FBML)
13年8月27⽇日星期⼆二

10. Iframe
Host your app somewhere else
how most app function nowadays
13年8月27⽇日星期⼆二

11. Graph API
Simple HTTP-based API
To access the Facebook social graph
Most Facebook APIs based on Graph API
13年8月27⽇日星期⼆二

12. Facebook Query
Language
SQL-style interface to get access to
graph API informations
13年8月27⽇日星期⼆二

13. Open Graph
Used to be Facebook Connect
Integrate you web active into Facebook
Semantic Web Standard
13年8月27⽇日星期⼆二

14. Social Plugins
Mashup base on JavaScript
Include: Like Button, Activity Feed,
Recommendations, Like Box, Login
Button, Facepile, Comments, Live Stream
Integrated Your page more with
Facebook
13年8月27⽇日星期⼆二

15. Permission
Ask user for permission with Login
dialog
Access the email, profile information of
the user on Facebook
13年8月27⽇日星期⼆二

16. Facebook Login
OAuth2.0 protocol
Easy signup/login for websites
13年8月27⽇日星期⼆二

17. OAuth
Open Authorization
13年8月27⽇日星期⼆二

18. Who does OAuth work?
Resource
Owner
Client Server
13年8月27⽇日星期⼆二

19. Who does OAuth work?
Resource
Owner
Client Server
Request of Resource
13年8月27⽇日星期⼆二

20. Who does OAuth work?
Resource
Owner
Client Server
Request of Resource
Redirect to server for authorization
13年8月27⽇日星期⼆二

21. Who does OAuth work?
Resource
Owner
Client Server
Request of Resource
Redirect to server for authorization
Server ask resource owner to authenticate
13年8月27⽇日星期⼆二

22. Who does OAuth work?
Resource
Owner
Client Server
Request of Resource
Redirect to server for authorization
Server ask resource owner to authenticate
Resource owner authenticates
13年8月27⽇日星期⼆二

23. Who does OAuth work?
Resource
Owner
Client Server
Request of Resource
Redirect to server for authorization
Server ask resource owner to authenticate
Resource owner authenticates
Server issue token to client
13年8月27⽇日星期⼆二

24. Who does OAuth work?
Resource
Owner
Client Server
Request of Resource
Redirect to server for authorization
Server ask resource owner to authenticate
Resource owner authenticates
Server issue token to client
Client confirms access
13年8月27⽇日星期⼆二

25. Who does OAuth work?
Resource
Owner
Client Server
Request of Resource
Redirect to server for authorization
Server ask resource owner to authenticate
Resource owner authenticates
Server issue token to client
Client confirms access
Username
Password
13年8月27⽇日星期⼆二

26. OAuth & OpenID
OAuth is not a replacement for OpenID
OAuth is used to authorize resource
request
OpenID is used to authenticate user
identity
13年8月27⽇日星期⼆二

27. Demo
Open a new Facebook App
JavaScript SDK
Facebook Social Plugin
Graph API Explorer
13年8月27⽇日星期⼆二

28. reference
https://developers.facebook.com/docs/facebook-login/overview/
http://www.koozai.com/blog/search-marketing/social-media-marketing-
facebook-switch-to-iframes-112/
https://developers.facebook.com/docs/reference/api/
http://laughingmeme.org/2010/04/25/sunday-morning-thoughts-facebook-
graph-api-and-open-graph/
https://blog.facebook.com/blog.php?post=41735647130
http://mmdays.com/2010/04/23/facebook_deal_with_devil/
http://wired.tw/2012/06/25/facebook_open_graph/index.html
https://developers.facebook.com/docs/plugins/
http://www.searchenginepeople.com/blog/what-is-facebook-open-
graph.html
https://developers.google.com/accounts/docs/OpenID
13年8月27⽇日星期⼆二