Facebook App 時下分成三類：
- Facebook for Websites
這類的 apps ，可以讓妳/你使用 Facebook 提供的 social plugins 來幫自己的網站加分，像是在你的網頁中加入"讚"按鈕、讓使用者使用 Facebook 帳號登入、存取使用者在 Facebook 的資料。 - Mobile Apps
Facebook 分別在 iOS 和 Android 上提供 Object-C 和 Java 版本的 SDK ，來讓開發者可以提供 native apps。其他還有 PHP 和 JavaScript 可以選擇。 - Apps on Facebook
把我們的 apps 整合在 Facebook 上，使用者必須透過 Facebook 來存取我們的 apps ， Facebook 提供適當的頁面，並把我們的 apps 導入其中的 iframe 裡頭。
特別要注意的是， Facebook 只提供我們使用 Facebook 的 social platform ，但它並不提供 code hosting ，因此開發 Apps on Facebook 需要自己準備 web server 或是第三方的 web hosting ，運氣不錯的是，Facebook 和 Heroku 有正式的合作，因此若是找不到代管服務或是懶得自己架站的開發者，可以先使用 Heroku 來試試看。
Apps on Facebook
步驟一
登入 https://developers.facebook.com/apps 。第一次登入時， Facebook 會詢問您相關的 permission ，選 allow 就可以。之後就會看到下面的畫面，點選 Create New App
步驟二
- App Name: 輸入妳/你的 app name 。
- App Namespace: 其實就是我們 app 的 URL 。它會附加在 http://apps.facebook.com 之後，所以必須是個 unique name ，另外還有一些名規則。 輸入完後 Dialog 會幫你 check ，若是失敗也會報錯。
- Web Hosting: 目前 Facebook 只跟 Heroku 官方合作，所以要是我們沒有自己的 hosting server ，也可以考慮一下 Heroku ，它支援 PHP 、 Python 、 JavaScript 、 Ruby 。
步驟三
跟 Facebook 說一下，妳/你不是機器人吧~
步驟四
選擇一下妳/你想用的開發語言。
若是事先沒有 Heroku 帳號也不用擔心，透過這個步驟填入 email 就會幫妳/你申請。
步驟五
看到這個 dialog 出現，就恭喜妳/你成功囉。
步驟六
當妳/你點下 Go To App 後，瀏覽頁會被導到 Heroku 代管的 app page 去，以這邊的例子會是：http://evening-plateau-9255.herokuapp.com
開發
步驟一、找到對應的 Git repository
若是之前沒有 Heroku 的帳號，當完成上面的步驟後，Heroku 會寄一封啟動信到步驟四的信箱去。或是之前已經有 Heroku 帳號，可以直接到 https://dashboard.heroku.com/apps? 去看一下，會發現多了一個 evening-plateau-9255 ，點進去後，請找 Settings > Info > Git URL ，以本文的例子， Heroku 配給我們的 git url 是 git@heroku.com:evening-plateau-9255.git
步驟二、下載 Herolu toolbelt
- OS X -- http://toolbelt.herokuapp.com/osx/download
- Windows -- http://toolbelt.herokuapp.com/windows/download
- Ubuntu Linux -- http://toolbelt.herokuapp.com/linux/readme
toolbelt 是 cmd line 工具包，主要包含了 Heroku 環境初始化工具、app 的 local 模擬和 Git 。
步驟三、初始化環境
安裝完 toolbelt 後，它應該已經被加入到環境變數裡頭。這時，請準備一個新資料夾來當做 working folder ，並使用 cmd.exe 切到該 folder 下，執行：
heroku login
步驟四、Clone 一份來改吧
還記得自己的 app git URL 嗎？
git clone git@heroku.com:your_app_name_in_heroku.git -o heroku
到這裡，妳/你已經可以開始做些了，若是不熟悉 Git ，可以參考下面指令把你的修改上傳到 server 上去：
git commit -am "commit message" git push heroku master
Reference
- Canvas Tutorial: http://developers.facebook.com/docs/appsonfacebook/tutorial/
- Getting Started with Your Facebook App on Heroku: https://devcenter.heroku.com/articles/facebook
沒有留言:
張貼留言