0

自分のウェブサイトにFacebookでログインしたい

そのために私はこれらのステップに従いました：

1）開発者にデモサイトを作成しました（画像もアップロードしました）

2）必要な場所にアプリIDをコピーしました

<div id="fb-root"></div>
  <script>
    window.fbAsyncInit = function() {
      FB.init({
        appId      : '<MY APP ID>',
        status     : true, 
        cookie     : true,
        xfbml      : true,
        oauth      : true,
      });
    };
    (function(d){
       var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
       js = d.createElement('script'); js.id = id; js.async = true;
       js.src = "//connect.facebook.net/en_US/all.js";
       d.getElementsByTagName('head')[0].appendChild(js);
     }(document));
  </script>
  <div class="fb-login-button">Login</div>

3）画像に示すようにfbログインボタンを取得しました：

ここに画像の説明を入力してください ボタンをクリックすると、fbのユーザー名とパスワードを尋ねる新しいウィンドウがポップアップ表示され、戻ってきた後、このエラーが表示されます

Unsafe JavaScript attempt to access frame with URL https://www.facebook.com/dialog/permissions.request?_path=permissions.request&app_id=158742990907100&redirect_uri=http%3A%2F%2Fstatic.ak.facebook.com%2Fconnect%2Fxd_arbiter.php%3Fversion%3D5%23cb%3Dfbf1cdd54%26origin%3Dhttp%253A%252F%252Flocalhost%253A8080%252Ffa53db99%26domain%3Dlocalhost%26relation%3Dopener%26frame%3Df27abde948&sdk=joey&display=popup&response_type=token%2Csigned_request&domain=localhost&fbconnect=1&from_login=1&client_id=158742990907100 from frame with URL http://localhost:8080/Befundo/. Domains, protocols and ports must match.

アプリに設定したプロパティは次のとおりです。アプリの名前空間、アプリのドメイン、サイトのURLがわかりません ここに画像の説明を入力してください

ログインボタンを2回クリックすると、ブラウザのコンソールにこのメッセージが記録されます::

FB.login() called when user is already connected.

何もしません。

私が間違っているところに光を当ててください。前もって感謝します。

4

1 に答える 1

0

ログイン ボタンは期待どおりに機能し、ユーザーを接続しています (これは、ログイン ボタンを 2 回クリックした後に表示されるメッセージによって確認されます)。

次のメッセージはコードのエラーではありません (Facebook との通信を試みる JS-SDK にクロスドメイン ポリシーが適用されているためです)。

安全でない JavaScript が URL のフレームにアクセスしようとしています... URL のフレームから ... ドメイン、プロトコル、およびポートが一致している必要があります。

self-hostedchannelUrlを に渡すことで (おそらく) 抑制できFB.initます。(FB.initドキュメントを参照)

また、ユーザーが接続した後は何もしないようです。のドキュメントをFB.login読んで、ユーザーがログインした後に何をすべきかを理解してください...

于 2012-04-29T08:11:17.313 に答える