Facebook 應用程式開發手冊  撰寫者：陳志華 

Facebook 應用程式開發手冊 
 
一、連結至 Facebook 開發者網頁 http://www.facebook.com/developers/ 
並點選「Set Up New Application」新增應用程式 

 
 
二、輸入應用程式名稱後，點選「同意」Facebook 使用條款，並「儲存變更」 
以下應用程式名稱以「sample_chihua」為例 

 
1 
 
  Facebook 應用程式開發手冊  撰寫者：陳志華 
三、進入應用程式詳細設定，在應用程式名稱的部分可更名為自己想要的名稱 
以下應用程式名稱以「志華‐測試小程式」為例 

 
 
四、點選「驗證」，設定 Post‐Authorize Callback URL 和 Post‐Remove Callback URL 
該路徑設定為自己 PHP 程式撰寫路徑，例如架設於 140.113.214.148 主機之 sample_chihua 目錄 
Post‐Authorize Callback URL: http://140.113.214.148/sample_chihua/ 
Post‐Remove Callback URL: http://140.113.214.148/sample_chihua/ 

 
2 
 
  Facebook 應用程式開發手冊  撰寫者：陳志華 
五、點選「畫布」，設定畫布頁面網址和 Canvas Callback URL 
畫布頁面網址為此應用程式於 Facebook 上之 URL，Canvas Callback URL 則為自己開發之網頁路徑 
  畫布頁面網址: sample_chihua 
  Canvas Callback URL: http://140.113.214.148/sample_chihua/ 
  設定完成後，點選「儲存變更」 

 
 
六、確認相關資訊是否設定正確，並紀錄 API 金鑰和 Application Secret 資訊 

 
3 
 
  Facebook 應用程式開發手冊  撰寫者：陳志華 
七、程式開發 
於主機建立好 PHP 環境，並將 Facebook 函式庫解壓縮於 sample_chihua 資料夾下 
Facebook 函式庫下載路徑: http://developers.facebook.com/clientlibs/facebook‐platform.tar.gz 
建立 php 程式於 sample_chihua 資料夾，分別為 init.php、tab_header.php、index.php，程式如下 
 
init.php 
<?php 
#  加入 facebook 函式庫 
require_once 'facebook.php'; 
#  依您的 API 金鑰和 Application Secret 進行設定 
$appapikey = '0efef3f6a53f69fc39bbf336b88dadcf'; 
$appsecret = '115e7fe2a664dd59d852954c2d815106'; 
#  建立 Facebook 物件 
$facebook = new Facebook($appapikey, $appsecret); 
$user = $facebook‐>require_login(); 
?> 
 
tab_header.php 
<fb:dashboard> 
          <fb:action href="index.php">首頁</fb:action> 
          <fb:action href="test.php?test=恭喜你超連結成功">超連結測試</fb:action> 
</fb:dashboard> 
 
index.php 
<?php 
# include tabs 
require_once("init.php"); 
require_once('tab_header.php'); 
?> 
<fb:header>好友牆</fb:header>   
<?php 
#  取得好友列表 
$friends = $facebook‐>api_client‐>friends_get(); 
foreach($friends as $id) 
{ 
  #  依好友 ID 取得圖像 
  echo "<fb:profile‐pic uid=\"$id\" linked=true width=50 height=50 />"; 
} 
?> 
4 
 
  Facebook 應用程式開發手冊  撰寫者：陳志華 
八、完成後，即可瀏覽路徑 http://apps.facebook.com/sample_chihua/，於畫面中可看到好友牆 

 
 

5