只需在状态返回时添加这些代码块,然后开始传递查询字符串对象 {}。对于 JavaScript 开发人员
在初始化你的 sdk 之后。
第一步://获取登录状态
$(document).ready(function($) {
FB.getLoginStatus(function(response) {
statusChangeCallback(response);
console.log(response);
});
});
这将检查文档加载并获取您的登录状态检查用户是否已登录。
然后调用checkLoginState函数,并将响应传递给statusChangeCallback
function checkLoginState() {
FB.getLoginStatus(function(response) {
statusChangeCallback(response);
});
}
第二步:让你从状态中获取响应数据
function statusChangeCallback(response) {
// body...
if(response.status === 'connected'){
// setElements(true);
let userId = response.authResponse.userID;
// console.log(userId);
console.log('login');
getUserInfo(userId);
}else{
// setElements(false);
console.log('not logged in !');
}
}
这也有 userid 被设置为变量,然后调用 getUserInfo 函数来使用 Graph-api 获取用户信息。
function getUserInfo(userId) {
// body...
FB.api(
'/'+userId+'/?fields=id,name,email',
'GET',
{},
function(response) {
// Insert your code here
// console.log(response);
let email = response.email;
loginViaEmail(email);
}
);
}
将 userid 作为参数传递后,该函数会获取与该 userid 相关的所有信息。注意:在我的情况下,我正在寻找电子邮件,以允许我运行一个只能通过电子邮件登录用户的功能。
// 通过电子邮件登录
function loginViaEmail(email) {
// body...
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 !');
// alert('Fail to send login request !');
}
});
}