前幾天才剛開始學 Android , 今天就被交代要來整合Facebook SDK ... orz

只好邊看官方手冊邊學,但安裝的過程其實沒有那麼順利(汗

這篇筆記主要是記錄安裝FB SDK的過程以及遇到的問題

首先就從  FB 官方手冊來開始吧

參考網站:

Facebook Developers - Android Tutorial

Android 開發教學筆記 - 使用 Facebook SDK

  

設定環境:

OS: ubuntu 11.10

CPU:  AMD Sempron(tm) Processor LE-1150 

MEM: 1.9 GiB

Eclipse Indigo (3.7.1) + JDK 7 + ADT + Android SDK r16

 

設定流程:

1. 我們先向 Facebook 建立一個自己的應用程式 ,可連到開發者頁面的 應用程式,再選擇右上角的 ”建立我的應用程式” 

螢幕截圖存為 2012-01-10 10:15:52.png  

 

2. 輸入應用程式顯示名稱,名稱輸入後會檢查是否有效,接著再按繼續進行安全驗證

       FB會確認是否已通過手機認證,我是用簡訊認證,結果認證碼隔天才送過來XDD

  螢幕截圖存為 2012-01-10 10:31:21.png  

  螢幕截圖存為 2012-01-10 10:31:35.png  

 

3. 應用程式建立完成後,請將此 App ID 記下來,之後自行開發的應用程式將會以此 App ID 與 Facebook 進行整合

    螢幕截圖存為 2012-01-18 10:33:12.png  

 

4.    於本機安裝 Android SDK & Eclipse & ADT Plugin,請參考

  Android Developer - Installing the SDK

 

5.    下載最新版本的 Facebook SDK,,左上角有個 zip 按鈕,按下去就會開始下載了,下載後請解壓

  https://github.com/facebook/facebook-android-sdk 

  螢幕截圖存為 2012-01-18 10:54:48.png  

  若是和我一樣是在 Linux 環境,也可以使用下面的指令取得原始碼 

        git clone git://github.com/facebook/facebook-android-sdk.git


5.    接著打開 ecplise 並建立一個新的 android project  (File | New | Project | Android Project)  ,請依序填入下列資訊: 

        1) Project Name: 專案名稱 , Facebook 給的範例是  com_facebook_android, 就用它的吧!

        2) 請選擇 Create project from existing source

        3) Location: 請選擇剛才下載 Facebook SDK 的資料夾路徑,本例為 /home/allanh/facebook-android-sdk/facebook  

            (Hint:  facebook-android-sdk 有三個子目錄分別為 examplesfacebook 和 tests,請選擇 facebook 做為 Facebook SDK 的目錄 )

  螢幕截圖存為 2012-01-18 11:59:50.png        

 

6.    選擇編譯用的 SDK 版本,參考 Facebook 給的範例:  Android 2.2

  螢幕截圖存為 2012-01-18 12:00:06.png  

 

7.    設定 app 資訊,Application Name 和 Package Name 應當會自動產生,確認是否為 com.facebook.android 

       若確認無誤請按 Finish 儲存

      螢幕截圖存為 2012-01-18 12:00:18.png  

 

8. 這時發生第一個問題,錯誤訊息如下

 The method onClick(View) of type new View.OnClickListener(){} must override a superclass method.
    

    螢幕截圖存為 2012-01-18 13:51:38.png

    
 這是因為Eclipse預設的JAVA編譯器版本為1.5
 @Override在Java 1.5僅能用來標示該類別會去覆寫父類別的同名method
 如果用來標示 interface method 就會顯示錯誤訊息. 
 查資料發現Java 1.6 的版本可適用於以上兩種情況.
  因此,我們更改 Java 編譯器的版本至 1.6 來測試看看吧  
  1) 在左側 Package Explorer 中選取 com_facebook_android 
  2) 按上方選單的 "File"  -> "Properties" ,  會出現一個 properties 設定視窗 
  3) 請點選 Java Compiler ,  更改 Complier compliance level  為 1.6 , 如下圖所示
  4) 按下 OK 重新編譯一次就沒有錯誤訊息

 

   螢幕截圖存為 2012-01-18 15:54:17.png

 

9.    到這邊可以算是將 Facebook SDK 安裝好了,  但接下來要如何讓我們自己開發的 app 使用呢?

       首先我們另外新建一個 android project  (File | New | Project | Android Project) 

       這次我們將會用 Facebook SDK 內附的範例來測試是否能正常運作.  

       Project Name 可以自行定義 ,  一樣選 Create project from existing source

       接著將 Location 指到 Facebook SDK 的 examples 目錄下的 simple , 如下圖所示

       (hint:  除了 simple 還有 Hackbook 和 stream 可以試用看看 )

      螢幕截圖存為 2012-01-18 16:06:26.png  

     Application Name 和 Package Name 可自行定義.

      螢幕截圖存為 2012-01-18 16:07:17.png  

 

10.  咦? 怎麼剛建立好的 project 又出現很多錯誤咧?  

       螢幕截圖存為 2012-01-18 17:01:31.png  

       這是因為 simple 內有使用許多 Facebook SDK 的物件或方法, 但目前還未設定 Facebook SDK 的參照位置

       我們只要將 Facebook SDK 位置設好就可以了 ,   以下步驟可設定參照位置 

       1) 在左側 Package Explorer 中選取 simple

     2) 按上方選單的 "File"  -> "Properties" ,  會出現一個 properties 設定視窗 

        3) 請選擇  Android  ,  右半邊視窗下面有個 Library 設定 , 請按 Add...

        螢幕截圖存為 2012-01-18 17:12:46.png         

       4)   在  library 列表中可以發現我們剛才建立的 Facebook SDK project , 請選擇它再按 OK

        螢幕截圖存為 2012-01-18 17:13:00.png         

       螢幕截圖存為 2012-01-18 17:13:18.png  

       設定完成後可以順便去設定 Java compiler ,  1.5 -> 1.6

      5)  所有設定完成後按 ok , 再查看 Package Explorer 己經沒有錯誤訊息了

       螢幕截圖存為 2012-01-18 17:17:11.png         

 

11. 都沒有錯誤就來執行看看吧!  請按上方的 "Run"  ->  "Run"

       模擬器應當會跑出以下的畫面,  

      螢幕截圖存為 2012-01-18 16:13:18.png  

 

12. 若是和本例一樣使用 Facebook SDK 內附的範例,現在可以試著登入看看了

      

 

 

 

 

 

 

 

 

 

 

 

 

 

arrow
arrow
    創作者介紹
    創作者 allanh 的頭像
    allanh

    ンアハ的記事本

    allanh 發表在 痞客邦 留言(0) 人氣()