0

Facebookのログインボタンが付いたこの基本的なHTMLページがあります。下のIDは、開発者ポータルで作成したアプリのIDです。このページを実行すると、実際のボタンではなく「Facebookでログイン」というテキストのみが表示されます。私はそれがSDKの初期化に成功していないが、私は何が起こっているのかを知ることはできません知っている。何か案は?Facebook SDK - ログインボタンの統合

<html> 
    <head> 
     <title>My Facebook Login Page</title> 
    </head> 
    <body> 
     <div id="fb-root"></div> 
     <script> 
     window.fbAsyncInit = function() { 
      FB.init({ 
      appId  : '232894623452511', 
      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 with Facebook</div> 
    </body> 
</html> 

答えて

5

コードが機能しているようです。ここで実行されているコードの例を参照してください:http://jsfiddle.net/dmcs/HXRUv/3/

+0

ログインに成功した後にlocalhostにリダイレクトする方法を教えてください。 –

+0

@Anoopss Goldenこの文書のセクション3を参照してくださいhttps://developers.facebook.com/docs/facebook-login/getting-started-web/そしてコードを挿入してください:window.location.href = 'http:// localhost/'; 「正常に接続されました」の枝にあります。 – vian

1

ブラウザのプラグインを確認したい場合があります。私のChromeはテキストのみを表示していますが、プラグインを追跡していないため、Firefoxはうまく動作します。