ステータスが戻ったときにこれらのコードブロックを追加し、クエリ文字列オブジェクト{}の受け渡しを開始するだけです。JavaScript開発者向け
SDKを初期化した後。
ステップ1://ログインステータスを取得する
$(document).ready(function($) {
FB.getLoginStatus(function(response) {
statusChangeCallback(response);
console.log(response);
});
});
これにより、ドキュメントの読み込みがチェックされ、ユーザーがログインしているかどうかのログインステータスがチェックされます。
次に、関数checkLoginStateが呼び出され、応答がstatusChangeCallbackに渡されます。
function checkLoginState() {
FB.getLoginStatus(function(response) {
statusChangeCallback(response);
});
}
ステップ2:ステータスから応答データを取得しましょう
function statusChangeCallback(response) {
if(response.status === 'connected'){
let userId = response.authResponse.userID;
console.log('login');
getUserInfo(userId);
}else{
console.log('not logged in !');
}
}
これには、変数に設定されているユーザーIDも含まれています。次に、getUserInfo関数が呼び出され、Graph-apiを使用してユーザー情報がフェッチされます。
function getUserInfo(userId) {
FB.api(
'/'+userId+'/?fields=id,name,email',
'GET',
{},
function(response) {
let email = response.email;
loginViaEmail(email);
}
);
}
ユーザーIDを引数として渡した後、関数はそのユーザーIDに関連するすべての情報をフェッチします。注:私の場合、メールのみでユーザーをログに記録できる機能を実行できるように、メールを探していました。
//メールでログイン
function loginViaEmail(email) {
let token = '{{ csrf_token() }}';
let data = {
_token:token,
email:email
}
$.ajax({
url: '/login/via/email',
type: 'POST',
dataType: 'json',
data: data,
success: function(data){
console.log(data);
if(data.status == 'success'){
window.location.href = '/dashboard';
}
if(data.status == 'info'){
window.location.href = '/create-account';
}
},
error: function(data){
console.log('Error logging in via email !');
}
});
}
var_dump($obj);
出力?