私のサイトでFacebookログインを使用しようとしています。これが、SDKをロードする方法です。
window.fbAsyncInit = function() {
FB.init({
appId : '362869753746986', // App ID
channelUrl : '//WWW.FESTIVEHUB.COM/channel.html', // Channel File
status : true, // check login status
cookie : true, // enable cookies to allow the server to access the session
xfbml : true // parse XFBML
});
// Additional initialization code here
};
// 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));
とログインボタン
<div class="fb-login-button" data-show-faces="true" data-width="200" data-max-rows="2"></div>
ログインボタンをクリックすると、ログイン用の新しいFacebookウィンドウが表示されます。ログインすると、問題が発生しますが、ログイン後、小さな新しいウィンドウが残り、空白になりますが、手動で閉じてページを更新すると、ログインボタンは次のようになります。 FBプロフィール写真に置き換えたので、ログインウィンドウを自動的に閉じる必要があり、ログイン後にアクションを実行できるようにコールバック関数が必要です。注目に値する場合、NBはローカルホストに取り組んでいます!