Создано следующее веб-приложение:
Я также добавил его в Интернет-магазин Chrome:
https://chrome.google.com/webstore/detail/idalgghcnjhmnbgbeebpdolhgdpbcplf
Проблема заключается в том, что при переходе в Интернет-магазин Chrome и установке этого приложения окна входа в систему Facebook висят в окне "XD Proxy". Хотя само соединение работает, это пустое окно может смутить пользователей.
Я сделал свое исследование, и это, похоже, проблема Chrome: https://code.google.com/p/chromium/issues/detail?id=59285#c26
Если вы удалите приложение из Chrome, проблема исчезнет.
Есть ли способ обхода проблемы?
Аналогичные вопросы о stackoverflow:
- Facebook заблокировать блокировку входа в Chrome
- Диалог FB.login не закрывается в Google Chrome
- facebook connect blank pop up on chrome
- https://stackoverflow.com/info/4423718/blank-page-with-fb-connect-js-sdk-on-after-permission-request
Это мое подключение к Facebook, если оно помогает:
FB.init({
appId : window.__FACEBOOK_APP_ID__,
status : true, // check login status
cookie : true, // enable cookies to allow the server to access the session
xfbml : true, // parse XFBML
channelUrl : window.__MEDIA_URL__ + 'channel.html', // channel.html file
oauth : true // enable OAuth 2.0
});
FB.XD.Flash.init();
FB.XD._transport = "flash";
if (A.networks.facebook.connected) {
FB.getLoginStatus(function (response) {
// Stores the current user ID for later use
that.network_id = response.authResponse.userID;
if (!response.authResponse) {
// no user session available, someone you dont know
A.networks.facebook.connected = false;
}
callback();
});
}
else {
callback();
}
};
Решение
Благодаря ответу reekogi я смог решить эту проблему. Вот полная реализация:
Чтобы избежать проблемы с XD Proxy, вам нужно подключиться к Facebook без использования FB.login, этого можно добиться, перенаправив пользователя вручную на страницу Facebook.
У меня была эта функция входа в мой код:
_facebook.connect_to_network = function (callback) {
FB.login(function (response) {
if (response.authResponse) {
console.log('Welcome! Fetching your information.... ');
FB.api('/me', function (response) {
// Stores the current user Id for later use
that.network_id = response.id;
console.log('Good to see you, ' + response.name + '.');
callback();
});
}
else {
console.log('User cancelled login or did not fully authorize.');
that.connected = false;
callback();
}
}, {scope: window.__FACEBOOK_PERMS__});
};
Я заменил этот код:
_facebook.connect_to_network = function (callback) {
var url = 'https://www.facebook.com/connect/uiserver.php?app_id=' + window.__FACEBOOK_APP_ID__ + '&method=permissions.request&display=page&next=' + encodeURIComponent(window.__BASE_URL__ + 'authorize-window?my_app=facebook&my_method=login') + '&response_type=token&fbconnect=1&perms=' + window.__FACEBOOK_PERMS__;
window.open(url);
};
Новый код открывает всплывающее окно, которое подключается к Facebook и возвращается к URL-адресу, указанному в параметре "next". Я добавил некоторые дополнительные параметры в этот URL обратного вызова, чтобы код javascript мог проверить его и закрыть всплывающее окно.
Этот код выполняется, когда Facebook перенаправляет URL-адрес обратного вызова:
_facebook.parse_url_params = function () {
// This is the popup window
if (URL_PARAMS.my_method === 'login') {
window.opener.A.networks.facebook.connected = true;
self.close();
}
};
URL_PARAMS - это только вспомогательный объект, содержащий все параметры URL.
Я по-прежнему считаю, что это проблема Chrome, но поскольку это обходное решение сработало и решило мою проблему, я рассматриваю этот вопрос как решенный.