※安裝與初始化 Facebook PHP SDK※
請先開啟本站在『 Facebook 應用程式開發教學(6/?)』教學文章裡的範例。
用記事本或網頁編輯器開啟範例內的 index.php 即可。
(●點擊圖片可看大圖)
▲開啟 index.php 後,大約在第 20 行的地方會看到這些程式碼。
為了讓各位能對 PHP SDK 的部分快速上手,我有對裡面的代碼做了一些註解。
▲初始化的程式碼看起來也許滿複雜的,不過這些程式碼都可以在 Facebook 文件區裡的 PHP SDK 網頁中找到。
上圖紅框中的內容其實就是我們的初始化代碼,比對一下 index.php 的內容就能發現跟官方所提供的初始化代碼差不多。
雖然官方文件裡的程式碼有『 $config['fileUpload'] = false 』這一項,不過我們的範例並沒有要用到檔案上傳的地方,所以我就把它給刪除了。
▲如果懶得上開發人員專區裡找代碼的話,PHP SDK 內建的範例 PHP 檔也是一個很好的參考指標。
打開我們先前提的到 fb-library 資料夾,然後再進入裡面的 examples 資料夾內會看到一個叫 example.php 的檔案。
上圖中的內容就是 example.php 的程式碼,拿來跟我們範例中 index.php 比對一下就知道跟 example.php 幾乎一樣。
也因此這個 example.php 對 Facebook 應用程式的學習者來說算是一個很重要的參考文件。
※讀取 Facebook JavaScript SDK※
▲接著我們來到大約第 87 行的地方,這裡就是 JavaScript SDK 的執行區段。
『 <script language=’javascript … src=’fb-library/fb-js-sdk.js’></script> 』這行代表我們要引用之前封裝好的 fb-js-sdk.js 檔案。
接下去的『 function postToFeed() 』便是定義使用者將資訊發布到塗鴉牆之前的那個對話框的函數。
其中 obj 裡的 link 雖然在範例裡是當作應用程式的連結,不過若改成其它連結的話,其他人在點擊塗鴉牆上的應用程式資訊時就會被轉向到你設定的其它連結。
後面的『 function callback(response) 』也是定義在 postToFeed 函數裡,這樣無論使用者是否有將貼文發佈至塗鴉牆上我們的 APP 都能有相對應的動作。
舉例來說,範例中『 if(response) 』的部分就是先判斷使用者有沒有透過該應用程式發表貼文,有的話就跳出『 已將結果發佈到你的塗鴉牆上! 』的訊息框,然後再回到 FB 首頁。
定義完 obj、callback 後,就使用『 FB.ui 』叫出塗鴉牆的互動面板讓使用者決定是否要透過應用程式張貼特定資料。
▲官方文件區裡也有提到如何讓應用程式以使用者的名義在塗鴉牆上貼文。
進入官方的『 Feed Dialog 』介紹頁面後,上圖紅框內的程式碼就是我們用來定義並生成塗鴉牆貼文的程式碼。
▲在 PHP 和 JavaScript 這兩種語言的 SDK 都寫完後,請一定要在 <body> 標籤後加上『 <div id="fb-root"></div> 』這個標籤。
這個 div 可說是整個 Facebook API 的入口點,沒有這行的話我記得會一直顯示發生錯誤的訊息。
※總結※
Facebook 應用程式在現今的網路世界裡確實還有一塊非常大的發展空間。
為此,Facebook 的官方文件區也為開發人員寫了許多詳細的說明文件。
只是全英文的內容對一些英文苦手來說並不是那麼友善,想自行摸索的話就更加困難了。
在經過一系列的教學後,不知道各位對自己『親手創造』的 FB APP 是否滿意呢?
其實一開始我也是自己在官方文件區內到處遊走,想找出更多有幫助的資訊。
不過最後還是因為文件看不太懂的關係,使得自己寫的應用程式無法完全發揮,塗鴉牆功能其實就是我在文件區內找到最快學習的功能之一。
最後,我在這邊給各位想精進應用程式開發能力的『開發人員們』一些想法。
本站的教學文章只是簡單且皮毛的教學資料而已,真的有心要將它學好的話建議去書店買些相關的書來看看。
我自己也有買一本叫什麼『塗鴉牆的秘密』的參考用書籍,我是認為內容還不錯,許多屬性和設定都有介紹到。
這邊不做宣傳,就當作是給各位一點購書上的建議。
以上!Facebook 應用程式教學就到這邊結束!