Facebook App Development Guide - APIs, FQL, FBML & FBJS

funP 開發者俱樂部十月份聚會 [email_address]

fbOpen http://developers.facebook.com/fbopen/ shindig http://incubator.apache.org/shindig/

應用程式頁面 Your application Here

個人檔案元件 Wide Narrow

事件最新動態 Mini-feed 麻吉快報 Newsfeed

Flow facebook Your App Server user request request API / FQL calls API / FQL results response FBML FBJS http://apps.facebook.com /myapp/ page.php?q=abc http://myappserver.com/ page.php?q=abc Users.getInfo() <xml> … </xml> <fbml> … </fbml> <html> … </html> Client library

facebook Your App Server Client library funP 麻吉 Modified client library

Development building blocks API FBML FQL FBJS

API ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

API Test Console http://developers.facebook.com/tools.php?api

tables Friend uid1 uid2 User uid name pic sex Group gid name pic desc Group member uid gid position

Scenario ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

FQL ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Why FQL? ,[object Object],[object Object],[object Object]

FBML Facebook Mark-up Language

顯示複雜的原件 <fb:multi-friend-selector/>

一致的外表 <fb:tabs/> <fb:tab-item/>

邏輯判斷 ,[object Object],[object Object],[object Object]

動作 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

FBML Test Console http://developers.facebook.com/tools.php?fbml FBML HTML Preview

Security ,[object Object],[object Object],[object Object],[object Object],function a12345_ foo( a12345_ bar) { var a12345_ obj = {prop: a12345_ bar}; return a12345_ obj.prop; }

Security ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

FBJS - libraries ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Getting started ,[object Object],[object Object],[object Object],[object Object],[object Object]

1. add the “Developer” app ,[object Object],[object Object]

2a. create your app ,[object Object]

2b. edit app settings ,[object Object],[object Object],[object Object],[object Object],[object Object]

facebook Your App Server request Canvas Page URL http://funp.com/apps/ funpresent / request Callback URL http://example.com/funpresent/

2c. edit app settings ,[object Object],[object Object],[object Object],[object Object]

3. download the client lib ,[object Object],[object Object]

5. hello facebook ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Conclusion ,[object Object],[object Object],[object Object],[object Object],[object Object]

marketplace photos feed profile group users auth fql money pages event … …

Facebook App Development Guide - APIs, FQL, FBML & FBJS

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Was ist angesagt?

Was ist angesagt? (7)

Ähnlich wie Facebook App Development Guide - APIs, FQL, FBML & FBJS

Ähnlich wie Facebook App Development Guide - APIs, FQL, FBML & FBJS (20)

Kürzlich hochgeladen

Kürzlich hochgeladen (20)

Facebook App Development Guide - APIs, FQL, FBML & FBJS