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");
}