2

簡単なログイン フローに Javascript SDK を使用しようとすると、エラーが発生し続けます。私は何か間違ったことをしているに違いありませんが、それを理解することはできません。ユーザーがアプリを受け入れた後、ユーザーをリダイレクトしようとしています。

ユーザーがログイン ボタンをクリックすると、アプリのダイアログが表示されます (正しい権限で)。彼らがアプリを承認すると、次の URL の空白ページでポップアップがハングします: https://www.facebook.com/dialog/permissions.request。

ただし、アプリは承認されており、ダイアログをクリックしてログイン ボタンをもう一度クリックすると、正しくリダイレ​​クトされ、アプリがインストールされます。

これが私のコードです：

<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="js/functions.js" type="text/javascript">
</script>
<link type="text/css" href="style/style.css" rel="stylesheet" />
<link href='http://fonts.googleapis.com/css?family=Oranienbaum' rel='stylesheet' type='text/css'>
</head>
<body>

<script>
// Additional JS functions here
window.fbAsyncInit = function() {
    FB.init({
      appId      : 'my_app_id', // App ID
       // 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') {
        $('.submit_button').attr("href","gameurll").removeAttr("onClick");
    }
    });
  };

  // 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));

  // Facebook Login Function

function login() {
    FB.login(function(response) {
        if (response.authResponse) {
            // connected
            window.location = "gameurl";
        } else {
            // cancelled
        }
    }, {scope:"publish_actions,email,user_relationship_details"});
}

</script>

<a class="submit_button" href="" onclick="login();" >Login</a>

</body>
</html>

よろしくお願いいたします。

4

0 に答える 0