2

公式の「Facebook でサインイン」ボタンを探していますが、ウェブサイトで見つかりません。たとえば、Spotifyはそれを使用します

https://www.spotify.com/de/ -> "Anmelden" -> "Mit Facebook anmelden"

ここでこれを見つけました：

https://developers.facebook.com/docs/reference/plugins/login/

しかし、それは私が探しているものではありません。それは正直言ってかなり不自由です。

誰かが私がそれを見つけることができるアイデアを持っていますか? または、Spotify が使用しているものは公式でさえありませんか?

助けてくれてありがとう。

4

3 に答える 3

2

独自の Facebook ログイン ボタンを作成し、ログイン機能に次のコードを使用します。

<div class="fb-login-button" data-scope="email" onclick="fbStatus();">Connect</div>

<script>
    function fbInit() {
        window.fbAsyncInit = function () {
            FB.init({
                appId: 'XXXXX',
                status: false,
                cookie: true,
                xfbml: true
            });

            //auth.statusChange
            FB.Event.subscribe('auth.authResponseChange', function (response) {
                if (response.status.indexOf('connected') != -1) {
                    // 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;

                    //Handle the access token

                    });

                } else if (response.status.indexOf('not_authorized') != -1) {
                    // the user is logged in to Facebook, 
                    // but has not authenticated your app
                } else {
                    // the user isn't logged in to Facebook.
                }
            });
        };
    (function (d) {
        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.js";
        ref.parentNode.insertBefore(js, ref);
    } (document));
}

function fbStatus() {

    //auth.statusChange
    FB.Event.subscribe('auth.authResponseChange', function (response) {
        if (response.status.indexOf('connected') != -1) {
            // 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;

            //Handle the access token

            });

        } else if (response.status.indexOf('not_authorized') != -1) {
            // the user is logged in to Facebook, 
            // but has not authenticated your app
        } else {
            // the user isn't logged in to Facebook.
        }
    });

    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;

           //Handle the access token

            });
        } 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>
于 2013-08-21T13:06:33.030 に答える
0

私が正しく理解している場合、FacebookログインでFacebook認証が必要です

このリンクを参照してくださいdeveloper.facebook.com

ここでは、あなたが望むすべてを手に入れることができます。

1) ここでは、必要なものを達成するための複数のオプションを見つけることができます

注: 現在、Iframe オプションは廃止されているため、JavaScriptSDKを使用する必要があります

ログインボタン作成のリンクはこちら

そして、あなたは行く準備ができています..

サンプル コードは上記のリンクから入手できます (サンプルは以下に提供されています)。

ステップ 1: Body タグの先頭にコードを記述します。

    <div id="fb-root"></div>
    <script>(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 = 'https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v3.2';
      fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));</script>

ステップ 2: このプラグインを表示する場所にこのコードを配置します

<div class="fb-login-button" data-max-rows="1" data-size="large" data-button-type="continue_with" data-show-faces="false" data-auto-logout-link="false" data-use-continue-as="false">
</div>

注: ユーザーは、UI をある程度までカスタマイズできます。上記のリンクの「Plugin Configurator」を参照してください。

技術者なら誰でもそれを使用して達成できると確信しています!

于 2013-08-21T13:06:47.233 に答える