1 / 24

Facebook 開發教學

Facebook 開發教學. 安裝篇. 所需軟體如下： Eclipse Facebook-android- sdk Openssl. 安裝 步驟. 分為下列幾點講解： 步驟一： Install the Prerequisites 步驟二： Install the Facebook SDK for Android and the Facebook APK 步驟三： Import the SDK into Eclipse 步驟四： Run the Samples 步驟五： Create a Facebook App

ivana
Download Presentation

Facebook 開發教學

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Facebook 開發教學

  2. 安裝篇 • 所需軟體如下： • Eclipse • Facebook-android-sdk • Openssl

  3. 安裝步驟 • 分為下列幾點講解： • 步驟一：Install the Prerequisites • 步驟二：Install the Facebook SDK for Android and the Facebook APK • 步驟三：Import the SDK into Eclipse • 步驟四：Run the Samples • 步驟五：Create a Facebook App • 步驟六：Create a new Android Project with Facebook Login

  4. 步驟一：Install the Prerequisites • 為了使用Facebook SDK，在Android SDK Manager 確認安裝Android 2.2 (API 8) 。

  5. 建立一個新的模擬器(AVD)。

  6. 步驟二：Install the Facebook SDK for Android and the Facebook APK • 下載Facebook SDK (facebook-android-sdk-3.0) 。 • 將下載完的檔案解壓縮後，放置使用者目錄下。

  7. Apk路徑 \facebook-android-sdk-3.0\bin\FBAndroid-2.0.apk • 安裝指令 adb install %HOMEPATH%\facebook-android-sdk3.0\bin\FBAndroid2.0.apk

  8. 步驟三：Import the SDK into Eclipse • 載入方法如下 • Eclipse的"File" "Import" menu，並選擇" General /""Existing Projects into Workspace " 。

  9. 選擇facebook-android-sdk-3.0.路徑，即可在多個範例裡看到FacebookSDK。選擇facebook-android-sdk-3.0.路徑，即可在多個範例裡看到FacebookSDK。

  10. 由於官網所提供之範例，適用於JDK之版本為"1.5"或是"1.6" 。因此，必須將 Java Compiler 降為"1.5"或是"1.6"。

  11. 步驟四：Run the Samples • 一定要先確認，FacebookSDKlibrary是否有成功匯入 library project裡面。

  12. 執行所載入之程式。 "ProfilePictureSample"。 執行結果如左圖所示。

  13. 執行涉及到身分驗證的程式，需要執行一個額外的配置步驟：執行涉及到身分驗證的程式，需要執行一個額外的配置步驟： • 下載openssl，並安裝。 • 選擇你所使用的作業系統。

  14. 需要先在電腦端產生app’s key hash 作為Facebook的安全檢查的認證金鑰。 • keytool -exportcert -alias androiddebugkey -keystore %HOMEPATH%\.android\debug.keystore | openssl sha1 -binary | openssl base64 • 假使系統求輸入密碼，密碼則為"android"。

  15. 接著，到Facebook Developer網頁，到右上角的選單選擇"Settings"。 • 然後，輸入key hash。

  16. 這時，你將可以執行所有需要認證的範例程式在你的模擬上。這時，你將可以執行所有需要認證的範例程式在你的模擬上。

  17. 步驟五：Create a Facebook App • 新增一個Facebook app、必須取得應用程式 ID 並將自己的Android key hash登錄 • 首先回到Facebook Developers 網頁的應用程式Apps，點選建立新的應用程式 • 輸入基本資訊例如名稱及命名空間

  18. 建立後，產生app ID，並設定你自己應用程式基本資訊。

  19. 步驟六：Create a new Android Project with Facebook Login • 建立一個新的Android project。

  20. 建立完Android project後，務必確認FacebookSDKlibrary是否有成功匯入 library project裡。

  21. 匯入Facebook SDK library後，如果程式碼出現編譯錯誤，代表android-support-v4.jar這個檔案重複出現。因此我們必須把lib下的android-support-v4.jar刪除。

  22. 在 res/values下的strings.xml • 增新app_id的字串符號，並輸入APPID。 • 也可以直接到strings.xml增新語法。 • <string name=“app_id”>你的ID</string>

  23. 開啟the AndroidManifest.xml，增新下列物件： • Uses Permission之下增新“android.permission.INTERNET” ，此段程式碼的功能，是為了能與網際網路連線。 • Meta Data之下增新“com.facebook.sdk.ApplicationId”，主要對應之前所建立的app_id。(和Facebook連線) • new Activity之下增新"com.facebook.LoginActivity"。(和Facebook連線)

  24. 上述的方法，可以直接在XML增新語法。

More Related