我让我的用户在登录成功后使用facebook登录轻松登录,用户必须被重定向到index.html页面,并且它的数据应该存储在数据库中。
我可以单独登录和存储数据但是如何将这两者结合在一起?
function statusChangeCallback(response) {
console.log('statusChangeCallback');
console.log(response);
if (response.status === 'connected') {
testAPI();
} else if (response.status === 'not_authorized') {
document.getElementById('status').innerHTML = 'Please log ' +
'into this app.';
} else {
document.getElementById('status').innerHTML = 'Please log ' +
'into Facebook.';
}
}
function checkLoginState() {
FB.getLoginStatus(function(response) {
statusChangeCallback(response);
});
}
window.fbAsyncInit = function() {
FB.init({
appId : 'myid',
cookie : true,
xfbml : true,
version : 'v2.3'
});
FB.getLoginStatus(function(response) {
statusChangeCallback(response);
});
};
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/sdk.js";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
function testAPI() {
console.log('Welcome! Fetching your information.... ');
FB.api('/me', function(response) {
console.log('Successful login for: ' + response.name);
document.getElementById('status').innerHTML =
'Thanks for logging in, ' + response.name + '!';
});
}
ANGULAR
login = angular.module('login', []);
login.controller("loginuser",function($scope,$http,$timeout){
var serviceBase = 'api/';
var username = $scope.name; //SHOULD BE THE USERS NAME AFTER FB LOGIN
$http.get(serviceBase + 'login/' + username).then(function (results) {
//user added if not in database
//+redirect to index.html
});
});
因此,在fb登录成功之后,必须调用angular,以便来自fb的用户数据可以存储在db中,并且用户被重定向到index.html页面,如何实现?