Facebook JavaScript SDKを使用して、自分のサイトのログインを実装しています。私はすでにSafariとFirefoxで動作していますが、Chromeでは動作していません。
FB.loginメソッドが呼び出された後、Facebookからアクセストークンを取得できますが、FirefoxやSafariのようにCookieにアクセストークンとユーザーIDが設定されていません。現在、ログインフローが機能するようにアクセストークンとユーザーIDを手動でCookieに書き込んでいますが、それでもアクセストークンがChromeだけで書き込まれていないというバグがあります。
誰かが以前にこれに遭遇し、手元の修正を知っていますか？とても有難い。
以下は、initおよびloginロジックのコードです。
window.fbAsyncInit = function() {
FB.init({
appId : "#{AppConfig.facebook['app_id']}", // App ID
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));
$(function() {
$(".fb-login-button").click(function() {
FB.login(function(response) {
if (response.authResponse) {
console.log("Welcome! Fetching your information...");
$.cookie("user_id", response.authResponse.userID);
$.cookie("access_token", response.authResponse.accessToken);
window.location = "#{oauth_facebook_callback_url}";
} else {
console.log("User cancelled login or did not fully authorize.");
}
}, {scope: 'publish_stream,offline_access,email,user_events,create_event,user_location'});
});
});