ローカル ホストで小さなアプリケーションを作成しました。
私はwiesharkをチェックインしました:
進行中のリクエスト:
HTTP GET: http://www.facebook.com/dialog/oauth?api_key=APPID&app_id=APPID&channel_url=http%3A%2F%2Fstatic.ak.facebook.com%2Fconnect%2Fxd_arbiter.php%3Fversion%3D9%23cb%3Df17ca8709c %26origin%3Dhttp%253A%252F%252F127.0.0.1%253A8080%252Ffd1147b44%26ドメイン%3D127.0.0.1%26relation%3Dparent.parent&client_id=121312018012923&display=none&domain=127.0.0.1&locale=1_US&redirectAgin_uri=1_US 2F%2Fstatic.ak.facebook.com%2Fconnect%2Fxd_arbiter.php%3Fversion%3D9%23cb%3Df164e7a46c%26origin%3Dhttp%253A%252F%252F * 127.0.0.1%253A8080% *252Ffd1147b44%26ドメイン%3D127.0.0.0 %26relation%3Dparent%26frame%3Df216567208&response_type=token%2Csigned_request%2Ccode&sdk=joey
Facebook は 200 OK を送信しています:
[切り詰められた] 指定された URL はアプリケーションの構成で許可されていません。: 指定された URL の 1 つ以上がアプリの設定で許可されていません。ウェブサイトの URL またはキャンバスの URL と一致するか、ドメインがいずれかのサブドメインである必要があります。
問題が何であるかわかりません。ローカルホストで XAMPP を実行しています。キャンバスとサイトの URL には、http://mytestdomain.com:8080があります。
私のマシンの /etc/hosts には、127.0.0.1 mytestdomain.com があります。
私が実行している実際のコード
<body>
<div id="fb-root"></div>
<script>
window.fbAsyncInit = function() {
FB.init({appId: 'APPID', status: true, cookie: true, xfbml: true});
};
(function() {
var e = document.createElement('script'); e.async = true;
e.src = document.location.protocol +
'//connect.facebook.net/en_US/all.js';
document.getElementById('fb-root').appendChild(e);
}());
FB.getLoginStatus(function(response) {
if (response.status == "connected") {
alert("yes I am in ");
}
else{
alert(" you need to login to facebook:");
}
});
function checkFacebookLogin() {
alert("hai");
}
</script>
<p id="fb_login_button_1"><fb:login-button onlogin="checkFacebookLogin();" size="medium" scope="email">Sign in using Facebook</fb:login-button></p>
</body>