0

フェイスブックのログインシステムを自分のウェブサイトに統合しようと必死になって 3 日ほど経った後、私は惨めに失敗したという結論に達しました。JavaScript SDK API 呼び出しで混乱した PHP SDK を作成しただけで、結果は期待どおりで、機能しませんでした。

私はGoogleで検索し、他の人の質問、チュートリアル、説明に対するstackoverflowの回答を検索しましたが、今では自分が敗北したことを認めています.

この仕事のための良いチュートリアルを教えてもらえますか? それとも、彼らのライブラリの詳細を教えてもらえますか?

これが閉鎖されないことを願っています。

編集: これは Facebook のログイン システムを使用するための推奨される方法ですか?

編集2：

FB.init({ appId : '<?php echo $core->appId; ?>', // App ID from the App Dashboard channelUrl : '//romeo.no-ip.org/94seconds/channel.html', // Channel File for x-domain communication status : true, // check the login status upon init? cookie : true, // set sessions cookies to allow your server to access the session? xfbml : true // parse XFBML tags on this page? });

このコードは生成しますFB.getLoginStatus() called before calling FB.init().

私のページは次のようになります。

<!DOCTYPE html>
<html>
    <head>
        <script src="../node_modules/socket.io/node_modules/socket.io-client/dist/socket.io.js"></script>
    </head>
    <body>
        <div id="fb-root"></div>
        <script>
          window.fbAsyncInit = function() {
                FB.init({
                  appId      : '<?php echo $core->appId; ?>', // App ID from the App Dashboard
                  channelUrl : '//romeo.no-ip.org/94seconds/channel.html', // Channel File for x-domain communication
                  status     : true, // check the login status upon init?
                  cookie     : true, // set sessions cookies to allow your server to access the session?
                  xfbml      : true  // parse XFBML tags on this page?
                });
          };

          // Load the SDK's source Asynchronously
          // Note that the debug version is being actively developed and might 
          // contain some type checks that are overly strict. 
          // Please report such bugs using the bugs tool.
          (function(d, debug){
             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" + (debug ? "/debug" : "") + ".js";
             ref.parentNode.insertBefore(js, ref);
           }(document, /*debug*/ false));
        </script>
    </body>
</html>

編集 3: 気にしないでください、私はいくつかのコードを置き忘れたため、壁をパンチするのに 3 ～ 4 時間費やしたことに気付きました。私はエラーを失いました。:D ありがとうございます。

4

1 に答える 1

2

ほら、お兄ちゃん！

  1. これにより、fb js SDK がページに追加されます

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

  2. これにより、ユーザーがログインしているかどうか、または現在の状態が何であるかが通知されます

    window.fbAsyncInit = function() {

    // Additional init code here
    FB.getLoginStatus(function(response) {
        if (response.status === 'connected') {
            // logged in and connected

        } else if (response.status === 'not_authorized') {
        // not_authorized - the user has not authorized ur app

        } else {
        // User is not_logged_in

        }
    });

    FB.Event.subscribe('edge.create',
        function(response) {
            //Not relevant here
            //User has just liked your page
            //likeHandler(response);
        });
};

  3. これは、ユーザーをログインさせるためのものです

    function Login() {
    FB.login(function (e) {
        //        console.log(e.authResponse);
        if (e.authResponse) {
            M_access_token = e.authResponse.accessToken;

            //custom function to get user details
            get_details();
        } else {
        //            console.log("Error : Failed to Authorize")
        }
    }, {
        scope: "email,user_likes,publish_stream"
    })
}

//Notice the scope param above

  4. これはユーザーをログアウトするためのものです

    function Logout() {
    FB.logout(function(response) {
        // user is now logged out
        });
}

  5. カスタム関数 Get_details

    function get_details(typeCalled) {
    FB.api("/me?fields=name,id,email,gender,username,picture", function (e) {
        fbUserObject = e;
        //        M_user_id = e.id;
        //        M_user_full_name = e.name;
        //        M_user_email = e.email;
        //        M_user_gender = e.gender;
        //        M_username = e.username;
        //picture = e.picture.data.url;
    });
}

  6. ユーザーデータを取得したら、それをサーバーに渡してセッションをセットアップできます。ユーザーがログアウト ボタンをクリックしたら、サーバー上のセッションをクリアする必要があります。

ではごきげんよう！:)

于 2013-03-16T14:44:43.653 に答える