[Android]實作Facebook login

Posted in :

已經做過在Android 登入 facebook 的 app 很多次,不知道為什麼每次重新實做的時候就跟新人一樣,完全茫然不知道以前做了什麼,怎麼實作出來,可能是 facebook 太貼心,把教學做的很好,一步步照著畫面需要的資料填進去就完成了。

首先,到Facebook Developer 開發者中心:https://developers.facebook.com/ 點選新增App.

建好Facebook App 之後,在 Facebook App 裡增加平台(Platform),選  Android。就可以看到「Quick Start for Android」的教學,照FB官方教學裡的設定,一下子就設定好了。

 

screenshot-2016-09-14-07-38-44

facebook 說總共分5個 Step, 第6個是finish, 就大功告成。

 

FB 還有一個地方要設定,就是 App Review 裡要設為Public:


在設定 月build.gradle 的 dependencies {…} 可能會因為版本號碼的差異造成無法Sync, 這個請使用

「File」 – 「Project Structure」來完成,如下圖所示:

screenshot-2016-09-14-08-12-52

在 Step 4: Add your development and release key hashes,facebook login 和 LINE login 有一個差別在這,LINE Login 只能填1組,不能像facebook 把 dev/release key 都填進來,所以 LINE Login 要測試時有點麻煩,需要在 client side 或 server side 上切換 key.

結論是,似乎很簡單,填完 hash key 之後,把相關的 code 放進 app 裡就可以 run 了。

接下來就是增加Login 按鈕:

https://developers.facebook.com/docs/facebook-login/android/#addbutton

login 完成後,可以在 client side 拿到 auth token, ex:
String token = loginResult.getAccessToken().getToken();


已經拿到 user的token, 就可以在 server side 執行下面URL:
https://graph.facebook.com/me?access_token=拿到的脫肯

可以取得一個json:
{“name”:”Max”,”id”:”12345″}


要取得facebook用戶的大頭照可以這樣做:

50×50 pixels
maximum width of 50 pixels and a maximum height of 150 pixels.
http://graph.facebook.com/1424180097599328/picture

maximum width of 200 pixels and a maximum height of 600 pixels.
Large size photo https://graph.facebook.com/{facebookId}/picture?type=large

maximum width of 100 pixels and a maximum height of 300 pixels.
Medium size photo https://graph.facebook.com/{facebookId}/picture?type=normal

Small size photo https://graph.facebook.com/{facebookId}/picture?type=small

maximum width and height of 50 pixels.
Square photo https://graph.facebook.com/{facebookId}/picture?type=square

CLARIFICATION
https://graph.facebook.com/redbull/picture?width=140&height=110
it will return a JSON response if you are using one of the Facebook SDKs request methods. Otherwise it will return the image itself. To always retrieve the JSON, add:

&redirect=false
like so:
https://graph.facebook.com/redbull/picture?width=140&height=110&redirect=false


Facebook API , debug 用的 url

https://developers.facebook.com/tools/explorer/


接下來,其他進階的API 要這樣子call:

https://developers.facebook.com/docs/android/graph/

GraphRequest request = GraphRequest.newMeRequest(
        accessToken,
        new GraphRequest.GraphJSONObjectCallback() {
            @Override
            public void onCompleted(
                   JSONObject object,
                   GraphResponse response) {
                // Application code
            }
        });
Bundle parameters = new Bundle();
parameters.putString("fields", "id,name,link");
request.setParameters(parameters);
request.executeAsync();

Facebook  Graph API guide:
https://developers.facebook.com/docs/graph-api/using-graph-api/


相關文章:

[Android] Add buttons to PreferenceFragment
http://max-everyday.com/2016/08/add-buttons-to-preferencefragment/

Facebook login 和 LINE Login 相比:

  • Facebook在設定開發者的憑證(Android Package Signature) 上面比LINE 方便,可以同時設定 developing /released 的碼.
  • Facebook 使用者多。
  • Facebook 允許developer 拿到 user 公開的 id, photo 和 email, LINE 不能拿到公開 LINE ID。
  • Facebook 的 status 從 developing 切換到 published 不需要「先」通過人工審核,切換一下很快,所有的人都可以存取我們的App,並立即取得facebook 帳號的授權。
  • 比較特別的是當使用我們facebook App 的人多了,facebook 會寄通知信來,要求在 facebook 的設定裡增加隱私權的宣告,那也很簡單,網路上有很多產生獸,點一點就完成了。

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *