前幾天才剛開始學 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 建立一個自己的應用程式 ,可連到開發者頁面的 應用程式,再選擇右上角的 ”建立我的應用程式”
2. 輸入應用程式顯示名稱,名稱輸入後會檢查是否有效,接著再按繼續進行安全驗證
FB會確認是否已通過手機認證,我是用簡訊認證,結果認證碼隔天才送過來XDD
3. 應用程式建立完成後,請將此 App ID 記下來,之後自行開發的應用程式將會以此 App ID 與 Facebook 進行整合
4. 於本機安裝 Android SDK & Eclipse & ADT Plugin,請參考
Android Developer - Installing the SDK
5. 下載最新版本的 Facebook SDK,,左上角有個 zip 按鈕,按下去就會開始下載了,下載後請解壓
https://github.com/facebook/facebook-android-sdk
若是和我一樣是在 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 有三個子目錄分別為 examples、facebook 和 tests,請選擇 facebook 做為 Facebook SDK 的目錄 )
6. 選擇編譯用的 SDK 版本,參考 Facebook 給的範例: Android 2.2
7. 設定 app 資訊,Application Name 和 Package Name 應當會自動產生,確認是否為 com.facebook.android
若確認無誤請按 Finish 儲存
8. 這時發生第一個問題,錯誤訊息如下
The method onClick(View) of type new View.OnClickListener(){} must override a superclass method.
這是因為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 重新編譯一次就沒有錯誤訊息
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 可以試用看看 )
Application Name 和 Package Name 可自行定義.
10. 咦? 怎麼剛建立好的 project 又出現很多錯誤咧?
這是因為 simple 內有使用許多 Facebook SDK 的物件或方法, 但目前還未設定 Facebook SDK 的參照位置
我們只要將 Facebook SDK 位置設好就可以了 , 以下步驟可設定參照位置
1) 在左側 Package Explorer 中選取 simple
2) 按上方選單的 "File" -> "Properties" , 會出現一個 properties 設定視窗
3) 請選擇 Android , 右半邊視窗下面有個 Library 設定 , 請按 Add...
4) 在 library 列表中可以發現我們剛才建立的 Facebook SDK project , 請選擇它再按 OK
設定完成後可以順便去設定 Java compiler , 1.5 -> 1.6
5) 所有設定完成後按 ok , 再查看 Package Explorer 己經沒有錯誤訊息了
11. 都沒有錯誤就來執行看看吧! 請按上方的 "Run" -> "Run"
模擬器應當會跑出以下的畫面,
12. 若是和本例一樣使用 Facebook SDK 內附的範例,現在可以試著登入看看了
留言列表