【Facebook】應用程式開發[一]

  • 8570
  • 0

摘要:【Facebook】應用程式開發

前些日子在公司的要求下做了Facebook App開發,但在範例少,Facebook改版又快的情況下,吃了不少苦頭,在每天沒夜沒日的google下,總算撥開那一層一層的迷霧,藉著打鐵要趁熱,並且希望自己記下的東西能幫助到其他也想開發Facebook App的開發者,來寫一系列的Facebook應用程式開發教學,因為小弟我是用Asp.net+Javascript or Jquery開發,所以對使用PHP的開發者就抱歉了,但Facebook本身有提供大量的PHP範例,可以提供PHP開發者做參考(但就是沒有Asp.net...)

第一步:首先要到Facebook Developers 基本上你只要有Facebook帳號,人人都可以當開發者

 

第二步:點擊上方Apps的menu,就會看到以下這個畫面

這裡就是你所擁有的所有Facebook App,也可以稱作為管理平台,當然假如你是第一次開發,這裡甚麼都會沒有

第三步:點擊Create New App

App Display Name是應用程式名稱,在Facebook看到的也是這個名稱,他沒有重複性的問題,中英文皆可

App Namespace是給予App網址名稱,這個可以不用現在填,之後會再說明

接著勾選I agree to the Facebook Platform Policies. 裡面有些Facebook的政策,如果有機會的話還是稍微看一下,因為現在規定還蠻多的,如果一個不注意App就會無預警的被移除(真的是完全不給通知與解釋),曾經做過類似Tag朋友的名字App,沒隔兩天立刻就被移除...,至於被移除的原因不外乎遭人檢舉之類的

第四步:按下Continue接著就會看到令人作噁的驗證碼

其實有時候懷疑我到底有沒有輸入正確...,感覺模稜兩可的英文字亂打也是給我通過

第五步:輸入完以後就會看到有點讓人眼花撩亂的設定

基本上先認識幾個比較重要的資訊

App ID:在與Facebook做串接非常重要的一組數字,也是Facebook辨識每個App的重要唯一值

App Display Name:顯示在Facebook上的App名稱

 

Select how your app integrates with Facebook 這個說明底下有幾個重要的設定,App對於Facebook可以有好幾種存在的方式

其中

Website:表示此應用程式不在Facebook外框底下,換句話說就是一個外站

App on Facebook:表示此應用程式在Facebook框架底下,也就是包裹在Canvas裡面

Page Tab:顯示在粉絲專業的頁簽裡面

至於還有其他Mobile WebNative iOS App就是手機部分的設定,我就不在多做解釋,有興趣的人可以在去參考文件

 

到目前為止,創建App的程序就告一段落,接著就是建立一個應用程式,並且在建立完以後還會再回來將一些設定完成,因為Facebook不斷的再做更新,所以有可能你再看到我的文章時又做了甚麼幅度的修改也不一定,所以看到的畫面或設定有些許不同的話,有英文能力的人,還是建議參考開發文件會來的比較好,另外我也會持續關注著Developer Blog 裡面會不定時的有Facebook更新的消息和一些教學文章,都可以拿來做參考學習

 

接著我會再繼續寫後續的開發過程