Facebook登錄

之前都是做國內的應用開發，沒有用過國外的三方登錄，比如谷歌登錄、facebok登錄，最近參與了一個海外的支付相關的項目，調研了一下谷歌登錄和facebook登錄，其實調研之後覺得也是很簡單的，尤其是facebook登錄，跟國內的三方登錄集成幾乎沒有什麼差別。

下面說說facebok登錄的集成流程吧：

首先 你需要在facebook開發者官網上面註冊一個開發者帳號（如果你有facebook帳號的話也是可以的），網址為：developers.facebook.com，下面就是官網的頁面：

在頁面的右上有一個我的應用，點擊在下拉菜單中創建自己的應用：

這點擊「添加新應用」，會彈出下面這個頁面，一個填寫應用名稱，一個填寫自己的郵箱，然後點擊「創建應用編號」完成創建應用的操作：

下面是創建應用之後進入的應用的後臺配置頁面，裡面包括應用的id：

選中左邊菜單欄的「添加產品」選項卡，在右邊的功能選擇裡面選擇登錄這個模塊，點擊設置：

然後選擇android：

選擇Android之後會進入到下面的頁面：

我們會看到流程總共分為10個步驟：

第一步：選擇自己的應用，在這裡我們的建的demo應用是logindemo：

第二步：官網給出的步驟是下載「facebook」應用，其實不用下載，他們有自己的網頁版登錄，這一步可以略過：

第三步：需要在project下面的build.gradle裡面的buildscript { repositories {}} 裡面加一個mavenCentral()，加完之後的效果是這樣的：

然後在app下面的build.gradle裡面的dependencies裡面加一句：compile 'com.facebook.android:facebook-login:[4,5)' ，然後構建項目，就會自動下載引入facebook的sdk；

第四步：編輯 Manifest 清單：

①：打開 /app/src/main/res/values/strings.xml 文件；

②：添加如下所示的代碼

③：<string name="facebook_app_id">你在facebook上面創建的應用id</string>

<string name="fb_login_protocol_scheme">你在facebook上面創建的應用id</string>

④：打開 /app/manifest/AndroidManifest.xml 文件，將 uses-permission 元素添加到清單文件中：

<uses-permission android:name="android.permission.INTERNET"/>

⑤：在 application 元素後添加以下 meta-data 元素、一個針對 Facebook 的 activity 元素以及一個針對 Chrome 自定義選項卡的 activity 元素和意向篩選條件。將 @string/appname 替換為您的 Facebook 應用的名稱：

<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"

android:label="@string/app_name" />

<activity

android:name="com.facebook.CustomTabActivity"

android:exported="true">

<intent-filter>

<action android:name="android.intent.action.VIEW" />

<category android:name="android.intent.category.DEFAULT" />

<category android:name="android.intent.category.BROWSABLE" />

<data android:scheme="@string/fb_login_protocol_scheme" />

</intent-filter>

</activity>

第五步：將軟體包名稱與應用的默認類關聯：

軟體包名稱：填寫軟體的包名

默認活動類名稱：填寫默認活動類包名和類名

第六步：為應用提供開發和發布密鑰散列：

為確保您的應用與 Facebook 之間互動的真實性，您必須先向我們提供您的開發環境下的 Android 密鑰散列。如果您的應用已經發布，則還應該同時提供發布密鑰散列。

生成開發密鑰散列

每個 Android 開發環境都將會有一個唯一的開發密鑰散列。要生成開發密鑰散列，在 Mac 中，運行以下命令：

keytool -exportcert -alias androiddebugkey -keystore ~/.android/debug.keystore | openssl sha1 -binary | openssl base64

在 Windows 中，運行以下命令：

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

此命令將針對您的開發環境生成一個包含 28 個字符的唯一密鑰散列。將其複製粘貼到下面的欄位中。對於參與應用開發的每個人的開發環境，您必須分別提供開發密鑰散列。

生成發布密鑰散列

Android 應用必須先使用發布密鑰進行電子籤名，然後才能上傳到商店中。要生成發布密鑰散列，請在 Mac 或 Windows 內運行以下命令，並替換您的發布密鑰別名和 keystore 路徑：

keytool -exportcert -alias YOUR_RELEASE_KEY_ALIAS -keystore YOUR_RELEASE_KEY_PATH | openssl sha1 -binary | openssl base64

這會生成一個包含 28 個字符的字符串，您應將其複製粘貼到下面的欄位中。另外，請參閱 Android 文檔，了解有關應用籤名的信息。

第七步：啟用單點登錄，選擇「是」，然後save：

配置結束--

至此，所有的配置項都已完成，下面就是涉及到代碼集成階段了，也就是facebook登錄在你的應用中的使用。

facebook提供了兩種使用方式，一種是直接使用它的UI，它提供了一個LoginButton的一個自定義view，樣式可以稍微修改，把它放到你的布局中就可以使用了，使用方式很簡單；第二種方式是直接自定義任何形式的按鈕添加監聽，在建廳裡面直接調代碼執行facebook登錄操作。

方式一：使用LoginButton：

在XML代碼中添加LoginButton這個view：

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:orientation="vertical">

<com.facebook.login.widget.LoginButton

android:id="@+id/login_button"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_gravity="center_horizontal"

android:layout_marginTop="30dp"

android:layout_marginBottom="30dp" />

</LinearLayout>

它的樣式是這樣的：

這是未登錄的樣式，已登錄的樣式只是文案變成了「Log out」字樣，點擊即可完成退出，這是在xml代碼的集成，下面是在java代碼中的集成方式：

public class MainActivity extends FragmentActivity {

CallbackManager callbackManager;

@Override

public void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

callbackManager = CallbackManager.Factory.create();

LoginButton loginButton = (LoginButton) view.findViewById(R.id.usersettings_fragment_login_button);

loginButton.registerCallback(callbackManager, new FacebookCallback<LoginResult>() {

@Override

public void onSuccess(LoginResult loginResult) {

Toast.makeText(getApplicationContext(), "facebook登錄成功", Toast.LENGTH_SHORT).show();

}

@Override

public void onCancel() {

Toast.makeText(getApplicationContext(), "facebook登錄取消", Toast.LENGTH_SHORT).show();

}

@Override

public void onError(FacebookException error) {

Toast.makeText(getApplicationContext(), "facebook登錄錯誤", Toast.LENGTH_SHORT).show();

}

});

}

}

最後，調用 callbackManager.onActivityResult，通過 callbackManager 將登錄結果傳遞至 LoginManager。

@Override

protected void onActivityResult(int requestCode, int resultCode, Intent data) {

super.onActivityResult(requestCode, resultCode, data);

callbackManager.onActivityResult(requestCode, resultCode, data);

}

方式二：使用自己的定義的界面：

在XML代碼中添加任意一個button：

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:gravity="center"

android:orientation="vertical">

<Button

android:id="@+id/facebook_login"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:text="臉書登錄"/>

</LinearLayout>

在java代碼中添加按鈕的監聽並在監聽中提供提供登錄操作：

mFacebookLogin.setOnClickListener(new View.OnClickListener() {

@Override

public void onClick(View v) {

LoginManager.getInstance().logInWithReadPermissions(MainActivity.this, Arrays.asList("public_profile"));

}

});

這種方式的好處就是可以保留有自己的UI風格，不產生UI設計上的衝突。

至此兩種登錄方式介紹完畢

其實介紹到這還沒有結束，因為我們一把情況下還要獲取facebook用戶的個人公共信息，還要對是否登錄進行判斷，所以，一些細節性的收尾的工作換要處理：

facebook提供的一個監聽器，用來監聽用戶個人信息發發生變化，這個監聽器叫ProfileTracker，我們可以這樣：

創建一個ProfileTracker對象：

    private ProfileTracker profileTracker;

profileTracker = new ProfileTracker() {

@Override

protected void onCurrentProfileChanged(

Profile oldProfile,

Profile currentProfile) {

// App code

if(currentProfile != null){

Toast.makeText(getApplicationContext(), "個人信息 = " + currentProfile.getFirstName(), Toast.LENGTH_SHORT).show();

}

}

};

在這裡個人信息分為oldProfile和currentProfile，但是這個監聽用的時候要注意，因為它登錄和退出都會觸發這個方法，所以要做飛非空判斷，並且可以以此來記錄是否已登錄等行為。

好了，就寫到這吧，希望這篇文章對大家有所幫助。