33

ユーザーが Facebook を使用してログインしているかどうかを確認し、JS コンソールでそのエラーを取得しようとしています。私のコードは次のようになります。

<div id="fb-root"></div>
<script>
    window.fbAsyncInit = function () {
        FB.init({
            appId: '######', // App ID
            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'; 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));

    FB.getLoginStatus(function (response) {
        if (response.status === 'connected') {
            // the user is logged in and has authenticated your
            // app, and response.authResponse supplies
            // the user's ID, a valid access token, a signed
            // request, and the time the access token
            // and signed request each expire
            var uid = response.authResponse.userID;
            var accessToken = response.authResponse.accessToken;
        } else if (response.status === 'not_authorized') {
            // the user is logged in to Facebook,
            // but has not authenticated your app
        } else {
            // the user isn't logged in to Facebook.
        }
    });
</script>

何が問題であり、それを修正する方法についての提案はありますか?

4

7 に答える 7

55

Chrome では、Uncaught ReferenceError: FB is not definedというエラーが発生します。

Facebook の初期化関数fbAsyncInit()でカスタム イベントをトリガーするのが好きです。次に、fbAsyncInit 関数内ですべての FB 関連のスクリプトを実行することに限定されません。そのカスタム イベントが発生するのをリッスンするだけで、どこにでも配置できます。

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

    $(document).trigger('fbload');  //  <---- THIS RIGHT HERE TRIGGERS A CUSTOM EVENT CALLED 'fbload'
};

//MEANWHILE IN $(document).ready()
$(document).on(
    'fbload',  //  <---- HERE'S OUR CUSTOM EVENT BEING LISTENED FOR
    function(){
        //some code that requires the FB object
        //such as...
        FB.getLoginStatus(function(res){
            if( res.status == "connected" ){
                FB.api('/me', function(fbUser) {
                    console.log("Open the pod bay doors, " + fbUser.name + ".");
                });
            }
        });

    }
);
于 2013-04-12T21:34:46.623 に答える
52

SDK がロードまたは初期化される前に FB.getLoginStatus を呼び出しています。それを待つために、それが fbAsyncInit イベントの目的です。そのため、メソッド呼び出しをそこに入れます。

于 2013-02-28T19:48:56.717 に答える
3

タグで直接facbook sdkを含むスクリプトを使用するだけです

    <script type="text/javascript" src="//connect.facebook.net/en_US/all.js#xfbml=1&appId=YOUR_APP_ID" id="facebook-jssdk"></script>
于 2017-10-13T14:22:29.693 に答える
1

私たちは同じ問題に直面しており、FB sdk がロードされていなかった (または遅延してロードされていた) ため、それに依存する場合によっては問題が発生していました (または JavaScript が壊れていました)。

この問題を解決するために、Facebook に関連するすべての呼び出しを委任しました。次のような関数を作成しました。

function callOnFBSDKLoad(callback){
    if (window.isFBInitialized) {
        callback();
    }
    else {
        jQuery(document).bind('fbInitialized', callback);
    }
}

カスタム イベントの場所fbInitializedカスタム イベントの詳細については、こちらをご覧ください。 Andwindow.isFBInitializedは、SDK のロード時に設定される変数です。

callback は、FB 関連のイベントを囲むメソッドです。例えば

var FBLogin = function(){
   FB.login(...);
}

callOnFBSDKLoad(FBLogin)

PS: 構文と命名規則は無視してください。基本的には、このような問題を解決するためのアイデアを共有しています。

于 2015-12-15T07:50:26.223 に答える