Android Studio 新增 Facebook SDK 到你的專案

-
一、建立一個專案然後使用Facebook SDK

1.前往Android Studio


新增專案(new project)


最低SDK（Minimum SDK）



2.選擇API 15:Andorid 4.03 或更新版本
3.建立完專案後，將Project結構的視角切換到『Project』
找到『build.gradle』將下列程式碼加入模組層級 /app/build.gradle（位於dependencies前）
repositories{
mavenCentral()
}
4.在『dependencies』加入Facebook SDK最新版本的編譯相依性
implementation 'com.facebook.android:facebook-android-sdk:[4,5)'

5.存檔-SYNC NOW
6.在JAVA檔中 import com.facebook.FacebookSdk; 並存檔

7.在上方工具列中的Build->建置專案(make project)

---------------------------------------------------------------------------------

二、申請Facebook應用程式編號
1.
至以下網址申請應用程式編號 http://developers.facebook.com/quickstarts/?platform=android
輸入新的名稱或是找到舊的專案

2.建立新的應用程式編號
開始將ＦＢ整合到自己的應用程式網站
登入Facebook Android SDK後點擊右上方
『我的應用程式』>新增應用程式>建立新的應用程式編號
（繼續代表了同意ＦＢ開放平台政策）
認證『我不是機器人』完成後會看到FB的開發者主控台



3.或者會看到快速入門



三、加入Facebook應用程式編號
將申請好的FB APP ID加入到專案，將新增的權限加入(或更新)Manifest檔案
1.開啟string.xml 檔案加入一個新字串，名稱是facebook_app_id，值則是Facebook應用程式編號
<resources>
<string name="app_name">first</string>
<string name="facebook_app_id">1860659957312364</string>
</resources>
第二步驟產生的網頁可以找到資料，可以複製貼上

2.調整Manifests，新增網路權限：要用FB當然需要網路功能
<uses-permission android:name="android.permission.INTERNET"/>
3.在標籤<application>中新增meta-data標籤
<meta-data android:name="com.facebook.sdk.ApplicationId" android:value="@string/facebook_app_id"/>
4.[option]如果要發送圖片或影片或分享，必須宣告FacebookContentProvider 將應用程式編號附加到authorities值的結尾。(1860659957312364為應用程式編號)
例，如果FB應用程式編號是1234，則宣告的格式如下
<provider android:authoritirs="com.facebook.app.FacebookContentProvider1234” android:name="com.facebook.FacebookContentProvider" android:expend="true" />


四、繼續完成Facebook開發者快速入門




透過以下連結繼續完成Facebook開發者快速入門，連結輸入你剛剛得到的應用程式編號https://developers.facebook.com/quickstarts/應用程式編號/?platform=android




如果按下next後，驗證發生問題可以忽略
如果我們要上架APP，需要讓Android進行APK驗證，需要開發環境的開發金鑰，找到金鑰並繼續完成接下來的步驟








若是右側的視窗不見的話，View --> Tool Windows --> Gradle
找到金鑰hashes(FB用)
去命令提示字元裡貼上
最後輸入剛剛得到的SHA1就可以得到金鑰雜湊








每台電腦都不一樣，所以要找到自己的Key SHA1（安卓用）和hashes（FB用）


keytool -exportcert -alias androiddebugkey -keystore %HOMEPATH%\.android\debug.keystore | openssl sha1 -binary | openssl base64

（mac的命令提示字元叫做終端機，而mac則是輸入keytool -exportcert -alias androiddebugkey -keystore ~/.android/debug.keystore | openssl sha1 -binary | openssl base64）








貼上金鑰雜湊就完成了！





留言

張貼留言

這個網誌中的熱門文章

Android Studio 專案結合JSON網站服務

-
圖片
第一步：創建專案 第二步：取得JSON字串（非網路） 1.至JSON暫存網站，進行檔案測試 以 myjson.com 為例，連結後打上資料生成網址，要在專案當中使用 [ { "name": "Kangkai", "number": "666 555-1234" }, { "name": "Handsome", "number": "777 555-5678" } ] 2.至Android Studio進行連結 回到Android Studio，先開啟網路權限，因為Json是來自於網路服務的回傳結果。 打開AndroidManifest.xml檔案，輸入開啟網路權限的程式碼： <uses-permission android:name="android.permission.INTERNET"/> 另外新建一個class檔，必須繼承至AsyncTask<傳入值型態, 更新進度型態, 結果型態>。 加入程式碼，並匯入元件、產生實作方法。 public class 你的class名稱 extends AsyncTask<String,Void,String> 宣告待會需要用到的變數，並匯入需要的元件。輸入以下程式碼： String data = ""; InputStream inputStream = null; doInBackground方法的內容，輸入以下程式碼 try { URL url = new URL(urlStrings[0]);  HttpURLConnection httpURLConnection =   (HttpURLConnection) url.openConnection();   InputStream inputStream = httpURLConnection.getInputStream();   BufferedReader bufferedReader =      new BufferedReader(new InputStream
閱讀完整內容

Android Studio Facebook 的登入與基本權限

-
圖片
第一步：前置任務確認 1.使用 Maven 檔案庫來下載設定相關函式庫 當本機的Gradle檔案庫中沒有需要的函式庫時，會自動連到網路上的Maven檔案庫，下載必要的函式庫後，並儲存在本機>目錄下的「.gradle」子目錄。 build.gradle 中的 buildscript，要有程式碼： repositories { jcenter() } app下的 build.gradle 要有程式碼： implementation 'com.facebook.android:facebook-android-sdk:[4,5)' 2.設定應用程式編號 在String.xml下設定你的應用程式編號，之後較方便取得。 請確認 /app/res/values/String.xml 檔案內有沒有以下程式碼，沒有的話請打上： <string name="facebook_app_id">你的APP_ID </string> <string name="fb_login_protocol_scheme">fb你的APP_ID</string> 3.將APP與你的套件名稱和預設類別建立連結， 並填入每台電腦的開發金鑰 第二步：新增登入按鈕 1.輸入資料 打開 AndroidManifest.xml 檔案，加入以下程式碼： <uses-permission android:name="android.permission.INTERNET"/> 加入網路權限 <meta-data android:name="com.facebook.sdk.ApplicationId" android:value="@string/facebook_app_id"/> <activity android:name="com.facebook.FacebookActivity" android:configChanges= "keyboard|keyboardHidden|screenLayout|screenSize|orientation"
閱讀完整內容