带有JS重定向的HTML 5中的FB登录按钮
带有JS重定向的HTML 5中的FB登录按钮
提问于 2013-03-01 02:58:16
在FB登录按钮的旧版本中，这对我来说很好用
<fb:login-button scope='email,publish_stream'>Login</fb:login-button>
<div id='fb-root'></div>
<script type='text/javascript' src='http://connect.facebook.net/en_US/all.js'></script>
<script>window.fbAsyncInit = function() {FB.init({
appId: '<?php echo $facebook->getAppID(); ?>',
cookie: true,
xfbml: true,
oauth: true
});
FB.Event.subscribe('auth.login', function(response) {
window.location = '/fb_redirect.php';
});
FB.Event.subscribe('auth.logout', function(response) {
window.location.reload();
});
};
(function() {
var e = document.createElement('script');
e.async = true;e.src = document.location.protocol +'//connect.facebook.net/en_US/all.js';document.getElementById('fb-root').appendChild(e);}());
</script>但是，我的一个朋友最近建议切换到新的HTML5登录按钮，如下所示：
<div id='fb-root'></div>
<script>
(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/all.js#xfbml=1&appId=APPID';
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>这也很好用。除了我找不到让JS触发重定向到/fb_redirect.php的方法。在较早的示例中，
FB.Event.subscribe('auth.login', function(response) {
window.location = '/fb_redirect.php';
});工作得很好。但是，我需要将用户重定向到/fb_redirect.php，以便PHP可以启动会话并将用户的一些FB信息插入到数据库中。
回答 2
Stack Overflow用户
回答已采纳
发布于 2013-03-02 02:48:44
这被证明是我的一个标志性的粗心错误。答案在这个问题的第一部分。
简单地说就是添加
FB.Event.subscribe('auth.login', function(response) {
window.location = '/fb_redirect.php';})；
Stack Overflow用户
发布于 2013-04-25 15:03:06
这是您的默认参数
<div id="fb-root"></div>
<script type="text/javascript">
window.fbAsyncInit = function() {
FB.init({
appId : <?php echo $facebook->getAppID() ?>,
status : false,
cookie : true,
xfbml : true
});
};
(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));下面是我的自定义fb_login函数，我的自定义函数fb_login ()获取uid和accessToken值并执行剩下的操作。这一次，只有在单击登录按钮时才会发生。
function fb_login() {
FB.login(function(response) {
if (response.status === 'connected') {
var uid = response.authResponse.userID;
var accessToken = response.authResponse.accessToken;
if ((parseFloat(uid) == parseInt(uid)) && !isNaN(uid)) {
window.location = '/fb_redirect.php';
}
}
});
}
</script>我已经用onlogin事件扩展了FB登录按钮，当用户用facebook按钮单击登录并成功登录时，它调用JS函数fb_login()。
<div class="fb-login-button" onlogin="fb_login()"></div>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/15143486
复制相关文章
相似问题
腾讯云开发者
