Facebook API - 簡易Facebook App 朋友牆

先來實做一個簡單的範例, 一個極為簡單的Facebook App, 其唯一的功能只有列出User所有朋友的頭圖, 當然前提是User已經完成對App的授權(Allow)之後.

• Step1 建立一個新的應用程式
  
   
  
  輸入應用程式的名稱, 並且要將"Agree"點選起來
  
   
  
  點選"Create Application"之後, 你會被導向如下圖所示的頁面
  
  
  
  本頁面有三個非常重要的資訊, 其中API Key與Secret都是要用在API中的重要資訊
  
   
  
  接下來點選"Canvas"頁籤, 在這裡有三個設定非常重要
  
  
  • Canvas Page URL
    
    
    這裡設定的就是以後User連結到你的App的URL, 以本範例而言, 我們在輸入框中填入sixyeah_demo_a, 一但送出之後, 以後User只要輸入http://apps.facebook.com/sixyeah_demo_a就會連結到你App的Canvas Page了.
    
    
  • Canvas Callback URL
    
    
    這裡所設定的URL就是指向放置該App的應用程式主機, 以本範例來說, App是Hosting在www.6yeah.com 這台主機上面, 設定值為"http://www.6yeah.com/fb_apps/friends_list/my_friends_list.php"
    
    
  • Render Method
    
    
    我們選用FBML
    
    如此一來我們已經完成了一個App所有必要的設定了
    
    
• 下載PHP Client Libraries
  
• PHP與FBML程式碼

  <?php
  require_once('./facebook-platform/php/facebook.php');
  require_once('./facebook-platform/php/facebookapi_php5_restlib.php');

  $appapikey = '{API Ley}';
  $appsecret = '{APP Secret}';
  $facebook = new Facebook($appapikey, $appsecret);
  
  $user = $facebook->require_login();

  $friend_uids = explode(',',$_POST['fb_sig_friends']);
  ?>
  <div style="border:solid 2px gray;padding:5px;float:left;clear:both;">

  <?php
  foreach ( $friend_uids as $uid ){
  ?>
  <div style="float:left;margin:5px;">
  <fb:profile-pic uid="<?php echo $uid; ?>" linked="true" size="square"/>
  </div>
  <?php
  }
  ?>
  </div>
  

  結果會如下圖所示 進入Demo頁面