Facebook使用自定义按钮登录javascript sdk

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了Facebook使用自定义按钮登录javascript sdk，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2024字，纯文字阅读大概需要3分钟。

内容图文

我正在使用Facebook javascript sdk.我创建了一个自定义的facebook按钮,我正在使用localhost.当我连接到Facebook时,我得不到授权回复.此外,当我单击按钮单击功能不起作用.我怎么解决这个问题？

Object {status: “not_authorized”, authResponse: null}

HTML代码

    <div class="col-md-12 text-center">
        <button class="loginBtn loginBtn--facebook" id="test">
            <span>Login with Facebook</span>
        </button>
    </div>

JS代码

function statusChangeCallback(response) {
            console.log(response);
            if (accessToken) {
                var accessToken = response.authResponse.accessToken;
            }
            if (response.status === 'connected') {
                testAPI2(accessToken);
            } else if (response.status === 'not_authorized') {
                console.log("Err");
            } else {
                console.log("Err");
            }
        }

        function checkLoginState() {
            FB.getLoginStatus(function (response) {
                statusChangeCallback(response);
            });
        }

        window.fbAsyncInit = function () {
            FB.init({
                appId      : '39798***',
                cookie     : true,
                xfbml      : true,
                version    : 'v2.8'
            });

            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_EN/sdk.js";
            fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));

        function testAPI2() {
            FB.api('/me', { fields: 'id,name' },
                function (response) {
                    var user_id = response.id;//name
                    var name = response.name;
                    var type = 1;
                    $.ajax({
                        type: 'post',
                        url: "services/services.php",
                        //dataType : 'json',
                        data: {
                            type: 'facebookLogin',
                            facebookId: user_id
                        },
                        async: true,
                        cache: false,
                        success: function (data) {
                            console.log(data);
                            setTimeout(function () {
                            }, 1000);
                        },
                        error: function (data) {
                            console.log(data);
                            console.log("An error occurred");
                        }
                    });
                }
            );
        }

           $("#test").click(function(){
               checkLoginState();
           });

解决方法:

您必须使用FB.login来授权用户：

document.getElementById('test').addEventListener('click', function() {
    //do the login
    FB.login(statusChangeCallback, {scope: 'email,public_profile', return_scopes: true});
}, false);

例如：http://www.devils-heaven.com/facebook-javascript-sdk-login/

内容总结

以上是互联网集市为您收集整理的Facebook使用自定义按钮登录javascript sdk全部内容，希望文章能够帮你解决Facebook使用自定义按钮登录javascript sdk所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端