Javascript SDK自动登录
我正在尝试让Facebook的登录按钮在我的网站上使用Javascript SDK。如果用户已登录,我将返回电子邮件地址。这很有效。但在我有Facebook登录按钮的页面上,我也有我网站的正常登录。(用户名和密码)。但是当我进入我的登录页面时,页面会自动加载Facebook按钮并显示Facebook登录对话框。但是我不想自动加载这个按钮。我希望用户必须始终按下Facebook的登录按钮。这可能吗 这是我的代码:Javascript SDK自动登录,javascript,facebook,login,sdk,Javascript,Facebook,Login,Sdk,我正在尝试让Facebook的登录按钮在我的网站上使用Javascript SDK。如果用户已登录,我将返回电子邮件地址。这很有效。但在我有Facebook登录按钮的页面上,我也有我网站的正常登录。(用户名和密码)。但是当我进入我的登录页面时,页面会自动加载Facebook按钮并显示Facebook登录对话框。但是我不想自动加载这个按钮。我希望用户必须始终按下Facebook的登录按钮。这可能吗 这是我的代码: <script> window.fbAsyncInit = func
<script>
window.fbAsyncInit = function() {
FB.init({
appId: 'MY_APP_ID', // App ID
status: true,
cookie: true,
xfbml: true,
oauth: true,
});
FB.getLoginStatus(function(response) {
FB.login(function(response) {
if (response.authResponse) {
FB.api('/me', function(response) {
alert('Good to see you, ' + response.email + '.');
});
} else {
alert('User cancelled login or did not fully authorize.');
}
});
});
// Additional initialization code here
};
// Load the SDK Asynchronously
(function(d){
var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
js = d.createElement('script'); js.id = id; js.async = true;
js.src = "//connect.facebook.net/en_US/all.js";
d.getElementsByTagName('head')[0].appendChild(js);
}(document));
</script>
window.fbAsyninit=函数(){
FB.init({
appId:'我的应用程序ID',//应用程序ID
状态:正确,
曲奇:是的,
xfbml:是的,
真的,
});
FB.getLoginStatus(函数(响应){
FB.登录(功能(响应){
if(response.authResponse){
FB.api('/me',函数(响应){
警惕(“很高兴见到你,+response.email+”);
});
}否则{
警报('用户已取消登录或未完全授权');
}
});
});
//这里有额外的初始化代码
};
//异步加载SDK
(职能(d){
var js,id='facebook jssdk';if(d.getElementById(id)){return;}
js=d.createElement('script');js.id=id;js.async=true;
js.src=“//connect.facebook.net/en_US/all.js”;
d、 getElementsByTagName('head')[0].appendChild(js);
}(文件);
FB.getLoginStatus
方法用于了解用户是否已登录
FB.login
用于提示登录页面对应用进行身份验证和授权
您正在调用FB.getLoginStatus方法,而不必担心响应,并且总是启动FB.login按钮
如果您总是希望用户单击登录按钮,请不要使用FB.getLoginStatus
使用此代码
<html>
<head>
<title>My Facebook Login Page</title>
</head>
<body>
<div id="fb-root"></div>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : 'YOUR_APP_ID', // App ID
channelUrl : '//WWW.YOUR_DOMAIN.COM/channel.html', // Channel File
status : true, // check login status
cookie : true, // enable cookies to allow the server to access the session
xfbml : true // parse XFBML
});
};
// Load the SDK Asynchronously
(function(d){
var js, id = 'facebook-jssdk', ref = d.getElementsByTagName('script')[0];
if (d.getElementById(id)) {return;}
js = d.createElement('script'); js.id = id; js.async = true;
js.src = "//connect.facebook.net/en_US/all.js";
ref.parentNode.insertBefore(js, ref);
}(document));
</script>
<div class="fb-login-button">Login with Facebook</div>
</body>
</html>
我的Facebook登录页面
window.fbAsyninit=函数(){
FB.init({
appId:'你的应用程序ID',//应用程序ID
channelUrl:'//WWW.YOUR_DOMAIN.COM/channel.html',//频道文件
状态:true,//检查登录状态
cookie:true,//启用cookie以允许服务器访问会话
xfbml:true//解析xfbml
});
};
//异步加载SDK
(职能(d){
var js,id='facebook jssdk',ref=d.getElementsByTagName('script')[0];
if(d.getElementById(id)){return;}
js=d.createElement('script');js.id=id;js.async=true;
js.src=“//connect.facebook.net/en_US/all.js”;
ref.parentNode.insertBefore(js,ref);
}(文件);
使用Facebook登录
供参考:检查验证部分啊,我想就这样了。不,我需要尝试了解身份验证是如何工作的。。例如,我不知道如何获取用户电子邮件地址?“我不知道如何获取用户电子邮件地址?”——当然是通过查询Graph API<代码>FB.api(“/me”,函数(响应){…})代码>(别忘了先获得必要的许可。)