facebook 開發教學

24
Facebook 開開開開

Upload: ivana

Post on 06-Jan-2016

44 views

Category:

Documents


1 download

DESCRIPTION

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 - PowerPoint PPT Presentation

TRANSCRIPT

Page 1: Facebook  開發教學

 Facebook 開發教學

Page 2: Facebook  開發教學

安裝篇 所需軟體如下:◦ Eclipse◦ Facebook-android-sdk◦Openssl

Page 3: Facebook  開發教學

安裝步驟

分為下列幾點講解:◦步驟一: 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

Page 4: Facebook  開發教學

步驟一: Install the Prerequisites

為了使用 Facebook SDK ,在 Android SDK Manager 確認安裝 Android 2.2 (API 8) 。

Page 5: Facebook  開發教學

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

Page 6: Facebook  開發教學

步驟二: Install the Facebook SDK for Android and the Facebook APK

下載 Facebook SDK (facebook-android-sdk-3.0) 。

將下載完的檔案解壓縮後,放置使用者目錄下。

Page 7: Facebook  開發教學

Apk 路徑 \facebook-android-sdk-3.0\bin\FBAndroid-2.0.apk

安裝指令adb install %HOMEPATH%\facebook-android- sdk3.0\bin\FBAndroid2.0.apk

Page 8: Facebook  開發教學

步驟三: Import the SDK into Eclipse

載入方法如下◦ Eclipse 的 "File" "Import" menu ,並選擇 " General

/ ""Existing Projects into Workspace " 。

Page 9: Facebook  開發教學

選擇 facebook-android-sdk-3.0. 路徑,即可在多個範例裡看到 Facebook SDK 。

Page 10: Facebook  開發教學

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

Page 11: Facebook  開發教學

步驟四: Run the Samples 一 定 要 先 確

認 , Facebook SDK library 是否有成功匯入 library project 裡面。

Page 12: Facebook  開發教學

執行所載入之程式。 "ProfilePictureSample" 。

執行結果如左圖所示。

Page 13: Facebook  開發教學

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

Page 14: Facebook  開發教學

◦需要先在電腦端產生 app’s key hash 作為 Facebook的安全檢查的認證金鑰。 keytool -exportcert -alias androiddebugkey -

keystore %HOMEPATH%\.android\debug.keystore | openssl sha1 -binary | openssl base64

◦假使系統求輸入密碼,密碼則為 "android" 。

Page 15: Facebook  開發教學

◦接著,到 Facebook Developer 網頁,到右上角的選單選擇 "Settings" 。

◦然後,輸入 key hash 。

Page 16: Facebook  開發教學

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

Page 17: Facebook  開發教學

步驟五: Create a Facebook App 新增一個 Facebook app 、必須取得應用程式 ID 並

將自己的 Android key hash 登錄◦ 首先回到 Facebook Developers 網頁的應用程式 Apps ,點選

建立新的應用程式

◦ 輸入基本資訊例如名稱及命名空間

Page 18: Facebook  開發教學

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

Page 19: Facebook  開發教學

步驟六: Create a new Android Project with Facebook Login

建立一個新的 Android project 。

Page 20: Facebook  開發教學

建立完 Android project 後,務 必 確 認 Facebook SDK library 是 否 有 成 功 匯入 library project 裡。

Page 21: Facebook  開發教學

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

Page 22: Facebook  開發教學

在 res/values 下的 strings.xml◦ 增新 app_id  的字串符號,並輸入 APP ID 。

也可以直接到 strings.xml 增新語法。◦ <string name=“app_id”>你的 ID</string>

Page 23: Facebook  開發教學

開啟 the AndroidManifest.xml ,增新下列物件:◦ Uses Permission 之下增

新“ android.permission.INTERNET” ,此段程式碼的功能,是為了能與網際網路連線。

◦ Meta Data 之下增新“ com.facebook.sdk.ApplicationId” ,主要對應之前所建立的 app_id 。 (和 Facebook連線 )

◦ new Activity 之下增新 "com.facebook.LoginActivity" 。 (和Facebook連線 )

Page 24: Facebook  開發教學

上述的方法,可以直接在 XML 增新語法。