3

Facebookが提案するJavascriptSDKを使用して、Facebookログイン時に追加のアクセス許可を要求しようとしています。スコープパラメーターを使用して、FB.login（）の一部として追加のリクエストを作成しています。Chromeブラウザがポップアップをブロックしました。FB.loginとスコープパラメータを含むページをブラウザにロードすると、Chromeは自動ポップアップをブロックします。次に、htmlボタンをクリックしてFacebookのログインと承認のリクエストを実行すると、fbポップアップに表示される権限は基本情報の権限のみです。ただし、ポップアップを許可すると、ページをロードすると、ボタンをクリックしてfbログインを起動しなくても、Facebook認証ポップアップが自動的に表示されます。この自動ポップアップが表示されると、スコープパラメーターに含めた追加のアクセス許可が表示されます。

以下は私のコードです：

<!DOCTYPE html>
<html>
<head>

<div id="fb-root"></div>
<script>
  // Additional JS functions here
  window.fbAsyncInit = function() {
    FB.init({
      appId      : 'MY_APP_ID', // App ID
      channelUrl : 'channel.html', // Channel File
      status     : true, // check login status
      cookie     : true, // enable cookies to allow the server to access the session
      xfbml      : true  // parse XFBML
    });

    // Additional init code here
    FB.getLoginStatus(function(response) {
                if (response.status === 'connected') {
                        // connected
                } else if (response.status === 'not_authorized') {
                        // not_authorized
                                login();
                } else {
                        // not_logged_in
                                login();
                }
        });

  };
function login() {
        FB.login(
                function(response) {
                                if (response.authResponse) {
                                // connected
                                } else {
                                // cancelled
                                }
                },
                {scope: 'email, user_birthday'}
        );
}

  // Load the SDK Asynchronously
  (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));
</script>
</head>

<body>
<button type="button" onclick="FB.login()">login</button>
</body>
</html>
4

1 に答える 1

3

FB.loginCanvasの外部で使用するとポップアップが作成されるため、イベントハンドラー（ユーザーが開始）の外部では使用できません。代わりに、ユーザーが実行するためにクリックできるボタンを表示しますFB.login。

ボタンがパーマネントを要求しない理由は、単に関数呼び出しにパーマを追加していないためです-使用しますFB.login()-パーマはありません。

于 2012-10-18T19:39:11.790 に答える