我正在尝试构建一个允许用户登录 Facebook 的网络应用程序。一切都在 Firefox/Chrome/Safari 中运行（在手机/平板电脑和 OSX 上）。
当应用程序在平板电脑（原生 UIWebview 和 Web-app）上运行时，它会完美地加载第一页。
当用户单击“与 Facebook 连接”按钮时，应用程序会加载 Facebook 登录页面。
用户登录后（同样，在 Native UIWebview 和 web-app 中），视图变成白色，挂在 URL 上：'https://www.facebook.com/dialog/permissions.request?_path=permissions.request&app_id =[APP_ID]...' - 这似乎不应该发生......
如果我重新启动应用程序/网络应用程序，用户会自动登录，并重定向到成功页面。
我认为导致问题的原因
当您在 Firefox/Chrome/Safari 浏览器中运行网页时，Facebook 登录对话框会作为弹出窗口或另一个选项卡弹出（后者在本机 Safari 浏览器上）。
我认为这是此弹出页面以及成功登录时 Javascript 如何与自身通信的问题。window.close没有根页面可以返回的东西（因为 web 应用程序和 UIWebview 只有一个 webview 实例）......也许？
解决方法失败（UIWebview）
由于应用程序挂断了前面提到的 URL，我决定添加一个 if 语句shouldStartLoadWithRequest(...)来强制 UIWebview 转到成功 URL。
它加载 URL，但在 Facebook 的 Javascript SDK 函数FB.getLoginStatus函数返回“已连接”之前（我每次看到它都会返回“已连接”）该函数FB.Event.subscribe('auth.logout' function() {...});被触发。
我不明白它为什么要注销用户，然后告诉我用户已连接（登录） - 按此顺序。
在我开始尝试构建这个 100% 原生（并且必须忍受苹果的开发帐户并提交应用程序）之前有什么想法吗？
登录脚本
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=APP_ID";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<script>
var seccond_page = false;
window.fbAsyncInit = function() {
FB.init({
appId : '[APP_ID]',
status : true,
cookie : true,
xfbml : true,
oauth : true
});
FB.Event.subscribe('auth.login', function(response) {
window.location.href = '<?= $success ?>';
});
FB.Event.subscribe('auth.logout', function(response) {
window.location.reload();
});
FB.login(function(response) {
alert(response.status);
if (response.status) {
if (response.status == 'connected') {
window.location.href = '<?= $success ?>';
}
}
}, {scope: 'email, user_likes, user_status, user_birthday, user_location, publish_checkins'});
$(document).on('click', '#fb_login_button', function() {
FB.login();
});
};
</script>
成功页面
<script>
var fb_user_id = '';
var fb_access_token = '';
var user_location = '';
window.fbAsyncInit = function() {
FB.init({
appId : '[APP_ID]',
status : true,
cookie : true,
xfbml : true,
oauth : true
});
FB.getLoginStatus(function(response) {
alert('Response - ' + response.status);
// the auth.logout is fired before the return of this in the failed fix
if (response.status === 'connected') {
if (response.authResponse) {
fb_user_id = response.authResponse.userID
fb_access_token = response.authResponse.accessToken;
}
}
});
FB.Event.subscribe('auth.logout', function(response) {
alert('logout - auth.logout');
// This event is fired before the above function in the failed fix
window.location.href = '<?= site_url('fb_login'); ?>';
});
FB.Event.subscribe('edge.create', function(response){
if (response == '<?= $like_url ?>') {
//action
}
});
};
</script>
所有页面都有元标记：<meta name="apple-mobile-web-app-capable" content="yes">