Facebook API
資⼯工四⼄乙
賴冠學
楊皇毅
13年8月27⽇日星期⼆二
Why Facebook?
13年8月27⽇日星期⼆二
Why Facebook?
Online since 2004
Over 1,000,000,000 users around the
world
13年8月27⽇日星期⼆二
Why Facebook?
2004 2005 2006 2007 2008 2009 2010 2011 2012 2013
0
375
750
1125
1500
Facebook Monthly Active Users in Milli...
Why Facebook?
2004 2005 2006 2007 2008 2009 2010 2011 2012 2013
0
375
750
1125
1500
Facebook Monthly Active Users in Milli...
Social Graph
2007 Facebook f8
Facebook Platform
13年8月27⽇日星期⼆二
Social Graph
me
Adam Lisa
Bob
Kate
Like Photo
Share
Like
13年8月27⽇日星期⼆二
Facebook API
Facebook Platform & Permission
Iframe
Open Graph
Authentication
Social Plugins
Graph API
13年8月27⽇日星期⼆二
Facebook Platform
Open up Facebook users to Developers
Facebook Markup Language (FBML)
13年8月27⽇日星期⼆二
Iframe
Host your app somewhere else
how most app function nowadays
13年8月27⽇日星期⼆二
Graph API
Simple HTTP-based API
To access the Facebook social graph
Most Facebook APIs based on Graph API
13年8月27⽇日星期⼆二
Facebook Query
Language
SQL-style interface to get access to
graph API informations
13年8月27⽇日星期⼆二
Open Graph
Used to be Facebook Connect
Integrate you web active into Facebook
Semantic Web Standard
13年8月27⽇日星期⼆二
Social Plugins
Mashup base on JavaScript
Include: Like Button, Activity Feed,
Recommendations, Like Box, Login
Button, Fac...
Permission
Ask user for permission with Login
dialog
Access the email, profile information of
the user on Facebook
13年8月27...
Facebook Login
OAuth2.0 protocol
Easy signup/login for websites
13年8月27⽇日星期⼆二
OAuth
Open Authorization
13年8月27⽇日星期⼆二
Who does OAuth work?
Resource
Owner
Client Server
13年8月27⽇日星期⼆二
Who does OAuth work?
Resource
Owner
Client Server
Request of Resource
13年8月27⽇日星期⼆二
Who does OAuth work?
Resource
Owner
Client Server
Request of Resource
Redirect to server for authorization
13年8月27⽇日星期⼆二
Who does OAuth work?
Resource
Owner
Client Server
Request of Resource
Redirect to server for authorization
Server ask reso...
Who does OAuth work?
Resource
Owner
Client Server
Request of Resource
Redirect to server for authorization
Server ask reso...
Who does OAuth work?
Resource
Owner
Client Server
Request of Resource
Redirect to server for authorization
Server ask reso...
Who does OAuth work?
Resource
Owner
Client Server
Request of Resource
Redirect to server for authorization
Server ask reso...
Who does OAuth work?
Resource
Owner
Client Server
Request of Resource
Redirect to server for authorization
Server ask reso...
OAuth & OpenID
OAuth is not a replacement for OpenID
OAuth is used to authorize resource
request
OpenID is used to authent...
Demo
Open a new Facebook App
JavaScript SDK
Facebook Social Plugin
Graph API Explorer
13年8月27⽇日星期⼆二
reference
https://developers.facebook.com/docs/facebook-login/overview/
http://www.koozai.com/blog/search-marketing/social...
Upcoming SlideShare
Loading in...5
×

2013 輔大資工 暑期宅學營 Facebook API

371

Published on

2013 FJU CSIE WECO LAB 宅學營

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
371
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "2013 輔大資工 暑期宅學營 Facebook API"

  1. 1. Facebook API 資⼯工四⼄乙 賴冠學 楊皇毅 13年8月27⽇日星期⼆二
  2. 2. Why Facebook? 13年8月27⽇日星期⼆二
  3. 3. Why Facebook? Online since 2004 Over 1,000,000,000 users around the world 13年8月27⽇日星期⼆二
  4. 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. 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. 6. Social Graph 2007 Facebook f8 Facebook Platform 13年8月27⽇日星期⼆二
  7. 7. Social Graph me Adam Lisa Bob Kate Like Photo Share Like 13年8月27⽇日星期⼆二
  8. 8. Facebook API Facebook Platform & Permission Iframe Open Graph Authentication Social Plugins Graph API 13年8月27⽇日星期⼆二
  9. 9. Facebook Platform Open up Facebook users to Developers Facebook Markup Language (FBML) 13年8月27⽇日星期⼆二
  10. 10. Iframe Host your app somewhere else how most app function nowadays 13年8月27⽇日星期⼆二
  11. 11. Graph API Simple HTTP-based API To access the Facebook social graph Most Facebook APIs based on Graph API 13年8月27⽇日星期⼆二
  12. 12. Facebook Query Language SQL-style interface to get access to graph API informations 13年8月27⽇日星期⼆二
  13. 13. Open Graph Used to be Facebook Connect Integrate you web active into Facebook Semantic Web Standard 13年8月27⽇日星期⼆二
  14. 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. 15. Permission Ask user for permission with Login dialog Access the email, profile information of the user on Facebook 13年8月27⽇日星期⼆二
  16. 16. Facebook Login OAuth2.0 protocol Easy signup/login for websites 13年8月27⽇日星期⼆二
  17. 17. OAuth Open Authorization 13年8月27⽇日星期⼆二
  18. 18. Who does OAuth work? Resource Owner Client Server 13年8月27⽇日星期⼆二
  19. 19. Who does OAuth work? Resource Owner Client Server Request of Resource 13年8月27⽇日星期⼆二
  20. 20. Who does OAuth work? Resource Owner Client Server Request of Resource Redirect to server for authorization 13年8月27⽇日星期⼆二
  21. 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. 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. 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. 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. 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. 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. 27. Demo Open a new Facebook App JavaScript SDK Facebook Social Plugin Graph API Explorer 13年8月27⽇日星期⼆二
  28. 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⽇日星期⼆二

×