cordova facebookシングルサインオン

cordova-plugin-facebook4 を使ってみたところ簡単にできそう
https://github.com/jeduan/cordova-plugin-facebook4.git
v2.3

① まず、facebook のシングルサインオンを使う場合に
facebook のアプリ登録に android の key hashes を設定する必要がある

keytool -exportcert -alias “エイリアス名” -keystore “Keystoreファイルのパス” | openssl sha1 -binary | openssl base64

> keytool -exportcert -alias sampleapp -keystore sampleapp.keystore | openssl sha1 -binary | openssl base64

以下のような文字列が表示される

2Sxvqct/Qq9fRzDlvigsuMyOrds= (適当に記載)

② facebook に登録する
https://developers.facebook.com/

アプリID
 1593090350168457

APP_NAME
 sampleapp

ANDROID_SDK_VERSION
 ”” (指定しない)

【Android】

〇 Google Playパッケージ名
 com.hogehoge.sampleapp

〇 キーハッシュ
 2Sxvqct/Qq9fRzDlvigsuMyOrds=

〇 シングルサインオン
 ON にする

【iOS】

〇 バンドルID
 com.hogehoge.sampleapp

〇 シングルサインオン
 ON にする
 

※ 設定時、com.hogehoge.sampleappが見つからないなど表示されるが、リリース前なので気にしない

※ 性別や年齢にアクセスしたい場合は facebook に申請を行い認証される必要がある。
  テストアカウントだと問題ない。
  https://developers.facebook.com/docs/facebook-login/permissions

  申請せずに、アクセスできるのは email first_name last_name など少ない


// ===========================================================
// ページを呼び出した時点で呼ばれるようにしている
// ===========================================================
function onPageLoad() {
    console.log("onPageLoad() *******************************");

    facebookConnectPlugin.getLoginStatus(onStatusSuccess, onStatusFailure)
}

function onStatusSuccess(pData) {
    console.log('onStatusSuccess()  pData ' + JSON.stringify(pData) );

    $("#status").html(JSON.stringify(pData));
}

function onStatusFailure() {
    console.log("onStatusFailure () *******************************");

    $("#status").html("onStatusFailure");
}

// ===========================================================
// ログイン
// ===========================================================
function onLogin() {
  console.log("onLogin () *******************************");

//  facebookConnectPlugin.login(['email', 'public_profile'], onLoginSuccess, onLoginFailure);
  facebookConnectPlugin.login(null, onLoginSuccess, onLoginFailure);
//facebookConnectPlugin.login(["email"], onLoginSuccess, onLoginFailure);

}

function onLoginSuccess(pData) {
    console.log('onLoginSuccess()  pData ' + JSON.stringify(pData) );
    $("#status").html(JSON.stringify(pData));

/*
    facebookConnectPlugin.getAccessToken(function(token) {
        console.log("Token: " + token);
    }, function(err) {
        console.log("Could not get access token: " + err);
    });
*/
    console.log("" + pData.authResponse.userID);

//    facebookConnectPlugin.api('/me?fields=id,email,first_name,last_name,name&access_token=' + pData.authResponse.accessToken, null,
//    facebookConnectPlugin.api(pData.authResponse.userID + "/?fields=id,email,first_name,last_name,name", ["email", "public_profile"],
      facebookConnectPlugin.api(pData.authResponse.userID + "/?fields=id,email,first_name,last_name,name", null,
    function (result) {
      alert("Result: " + JSON.stringify(result));
    }, function (error) {
      alert("Failed: " + JSON.stringify(error));
    });

}

function onLoginFailure() {
    console.log("onLoginFailure () *******************************");

    $("#status").html("onLoginFailure");
}

// ===========================================================
// ログアウト
// ===========================================================
function onLogout() {
  console.log("onLogout () *******************************");

  facebookConnectPlugin.logout( onLogoutSuccess, onLogoutFailure);
}

function onLogoutSuccess(pData) {
    console.log('onLogoutSuccess()  pData ' + JSON.stringify(pData) );

    $("#status").html(JSON.stringify(pData));
}

function onLogoutFailure() {
    console.log("onLogoutFailure () *******************************");

    $("#status").html("onLogoutFailure");
}

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

CAPTCHA