2017-07-26 9 views
1

MacでEclipse IDEを使用しています。私は簡単なWebページを作成しました。ここでボタンをクリックすると、Facebookにサインインするように求められます。ここに私のコードです。JavaScriptを使用しているときにFacebookログインダイアログが開かない

<!DOCTYPE html> 
<html> 
<head> 
<title>Facebook Login JavaScript Example</title> 
<meta charset="UTF-8"> 
</head> 
<body> 
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script> 

<script> 
function getUserData(response) { 
    if(response.authResponse) { 
     FB.api('/me', function(response) { 
      $('#loginBtn').innerHTML = 'Hello ' + response.name; 
     }); 
    } 
} 

window.fbAsyncInit = function() { 
      FB.init({ 
      appId  : 'xxxxxxxxxx', 
      cookie  : true, 
      xfbml  : true, 
      version : 'v2.8' 
      }); 

      FB.getLoginStatus(function(response) { 
      getUserData(response); 
      }); 
    }; 
      (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/sdk.js"; 
      fjs.parentNode.insertBefore(js, fjs); 
      }(document, 'script', 'facebook-jssdk')); 


//add event listener to login button 
$('#loginBtn').on('click', function() { 
    FB.login(getUserData, {scope: 'email,public_profile', return_scopes: true}); 
}); 
</script> 

<button id="loginBtn">Hello</button> 
<div id="response"> 
</div> 

</body> 
</html> 

ここでは、これをローカルホストで実行しています。 URLはhttp://localhost:8080/TestTest/index.jspです。しかし、このアプリケーションを実行すると、コンソール上にこのメッセージが表示されます。 URLを読み込めません:このURLのドメインは、アプリの ドメインには含まれていません。このURLを読み込むには、アプリのすべてのドメインとサブドメイン をアプリ設定の[アプリドメイン]フィールドに追加します。

ドメインURLを変更するには?このURLのドメインを自分のアプリに含める方法

答えて

0

これは、URLを追加する必要があることを意味します。http://localhost:8080 Facebookのアプリには、最初にアプリを作成したdevelopers.facebook.comがあります。

+0

ありがとう – Selluboy

関連する問題