将Facebook fb:login-button转换为SDK javascript登录

Question

我需要一个自定义的Facebook登录按钮.fb:登录按钮解决方案有中,大等不是我需要的.我知道FB TOS.我的按钮非常相似.

如何使用自定义按钮将我的按钮转换为javascript onlick解决方案？"onlogin ="top.location.href ='example.com/facebook_connect.php"链接非常重要.

这是我的代码:

<div id="fb-root"></div>
<script type="text/javascript" language="JavaScript" src="http://connect.facebook.net/de_DE/all.js#appId=myappid6&xfbml=1"></script>
<script type="text/javascript" language="JavaScript">  FB.init({
appId  : myappid,
status : true, // check login status
cookie : true, // enable cookies to allow the server to access the session
xfbml  : true  // parse XFBML
});
</script>


<fb:login-button scope="email, public_profile" size="xlarge" onlogin="top.location.href='example.com/facebook_connect.php'">Connect with Facebook</fb:login-button>

非常感谢你.

Answer 1

HTML:

<button id="loginBtn">Facebook Login</button>

JavaScript的:

document.getElementById('loginBtn').addEventListener('click', function() {
    //do the login
    FB.login(function(response) {
        if (response.authResponse) {
            //user just authorized your app
            top.location.href = 'example.com/facebook_connect.php';
        }
    }, {scope: 'email,public_profile', return_scopes: true});
}, false);

资料来源:http://www.devils-heaven.com/facebook-javascript-sdk-login/

不要为此使用a-tags,它不是链接.你也不需要jQuery,它只是一个简单的点击处理程序.我建议使用异步方式加载JS SDK.