0

古いバージョンのFBAPIを使用する登録フォームがあります。

現在のバージョンに更新しようとしていますが、FBからの応答の処理に問題があります。

FBログインボタンをクリックしてアクセス許可(email、publish_stream)を付与した後、ユーザーがアクセスを許可した(すでに登録済みのユーザーとしてログインしただけではない)ことを知る方法が見つからず、登録の次のページに進む必要があります形。

許可要求が成功した後の応答は、ログインが成功した場合と同じです。

{
    authResponse:
    {
        accessToken:    AAAFEIew...URYo,
        userID:         100003908595992,
        expiresIn:      6014,
        signedRequest:  uhTqZodDn0QUoWAUBuYEKmlaM8zViO0r_fnKONaC4v8.eyJhbGdvcml...k5MiJ9,
    },
    status: connected
}

ログインがすでに登録されているユーザーによるものなのか、新規登録によるものなのかを知るにはどうすればよいですか?

javascriptSDKを使用しています。

コード:

<script src="http://connect.facebook.net/en_US/all.js" type="text/javascript"></script>


                <div id="fb-root" style="padding: 0px;"></div>
                <script>
                    window.fbAsyncInit = function() {
                        FB.init({
                            appId      : 'API_KEY',
                            status     : true,
                            channelUrl : '//'+window.location.hostname+'/channel.php',
                            cookie     : true,
                            xfbml      : true,
                            oauth      : true
                        });

                        // listen for and handle auth.statusChange events
                        FB.Event.subscribe('auth.statusChange', function(response) {
                            if (response.authResponse) {
                                // user has auth'd your app and is logged into Facebook
                                alert('logged in!');
                            }
                            else
                            {
                                // user has not auth'd your app, or is not logged into Facebook
                                alert('not logged in!');
                            }
                        });

                    };
                    (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));
4

2 に答える 2

0

これは、あなたがしていることをしようとしたときに私が使用したリソースです。それは非常にうまく機能します。

window.fbAsyncInit = function() {
    FB.init({ appId: 'Your_APP_ID',
        status: true,
        cookie: true,
        xfbml: true,
        oauth: true});

    showLoader(true);

    function updateButton(response) {
        button       =   document.getElementById('fb-auth');
        userInfo     =   document.getElementById('user-info');

        if (response.authResponse) {
            //user is already logged in and connected
            FB.api('/me', function(info) {
                login(response, info);
            });

            button.onclick = function() {
                FB.logout(function(response) {
                    logout(response);
                });
            };
        } else {
            //user is not connected to your app or logged out
            button.innerHTML = 'Login';
            button.onclick = function() {
                showLoader(true);
                FB.login(function(response) {
                    if (response.authResponse) {
                        FB.api('/me', function(info) {
                            login(response, info);
                        });
                    } else {
                        //user cancelled login or did not grant authorization
                        showLoader(false);
                    }
                }, {scope:'email,user_birthday,status_update,publish_stream,user_about_me'});
            }
        }
    }

    // run once with current status and whenever the status changes
    FB.getLoginStatus(updateButton);
    FB.Event.subscribe('auth.statusChange', updateButton);
};
(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);
}());

参照: http://thinkdiff.net/facebook/new-javascript-sdk-oauth-2-0-based-fbconnect-tutorial/

フェイス・スローン

于 2012-05-31T21:50:11.003 に答える
0

FB SDK で getLoginStatus 関数を使用する必要があることに気付きました。

私の機能コードは次のとおりです。

<script>
    window.fbAsyncInit = function() {
        FB.init({
            appId       : '<?php echo HSWI_FB_KEY; ?>',
            status      : true,
            logging     : true,
            channelUrl  : '//'+window.location.hostname+'/channel.php',
            cookie      : true,
            xfbml       : true,
            oauth       : true
        });

        FB.Event.subscribe('auth.login', function(response)
        {
            window.location.href    = '/login_script.php';
        });

        FB.Event.subscribe('auth.logout', function(response) {
            window.location.reload();
        });

        checkLoggedInFB();

    };
    (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));

    function fbLogin()
    {
        FB.login(
            function(response)
            {
                if(response.authResponse)
                {
                    window.location.href    = '/login_script.php';
                }
            }
        );
    }

    function checkLoggedInFB()
    {
        try
        {
            FB.getLoginStatus(
                function(response)
                {
                    if(response.status == 'connected')
                    {
                        window.location.href    = '/login_script.php';
                    }
                }
            );
        }
        catch(e)
        {
            alert('Error checking if logged into FB: '+ e.message);
            return false;
        }
        return true;
    }

</script>
<style type="text/css">
    .fb-login-button
    {
        margin-top: -15px;
    }

    .fb-login-button.fb_iframe_widget.fb_hide_iframes
    {
        display: none;
    }
</style>
<div class="fb-login-button" scope="email,publish_stream,user_birthday,user_location,user_about_me">Login</div>
于 2012-08-22T18:15:57.813 に答える