Question

我试过关注FB移动网络“入门指南”： https://developers.facebook.com/docs/guides/mobile/web/ 对于我在iphone上全屏打开的网络应用程序。

但是当我尝试使用打开的fb登录页面登录时，单击“登录”按钮后出现空白屏幕。用户登录但是..我知道这是因为如果我关闭并重新打开我的网络应用程序，我会检查登录状态并尝试获取一些用户信息，并且它工作正常......

当我在桌面的Chrome或iphone的Safari中尝试使用相同的网络应用时，登录过程就可以了......它只能在全屏网页应用中断开。

任何想法？我只是关注FB中的示例代码： - （

感谢。

Answer 1

您需要做的就是将“display：'touch'”和redirect_uri参数添加到登录名：

FB.login(function(response) {
   if (response.authResponse) {
     console.log('Welcome!  Fetching your information.... ');
     FB.api('/me', function(response) {
      console.log('Good to see you, ' + response.name + '.');
       FB.logout(function(response) {
         console.log('Logged out.');
       });
     });
  } else {
    console.log('User cancelled login or did not fully authorize.');
  }
}, {scope: 'email,publish_stream' , redirect_uri: 'YOUR_REDIRECT_URL' , display : 'touch'});

Answer 2

我在这篇文章中找到了一个更好的答案：FB.login broken flow for iOS WebApp

var permissions = 'email,publish_stream,manage_pages,read_stream';
var permissionUrl = "https://m.facebook.com/dialog/oauth?client_id=" + m_appId + "&response_type=code&redirect_uri=" + encodeURIComponent(m_appUrl) + "&scope=" + permissions;
window.location = permissionUrl;

马克的上述答案不再适用... Facebook倾向于经常打破这样的事情。使用window.location显示登录页面就可以了。

我的应用需要在登录后刷新，所以效果很好。因此，如果您不想刷新，则可能需要重新考虑您的流程。

Answer 3

我找到了解决问题的方法......似乎我可以在login（）方法中使用一个未记录的'redirect_uri'属性，例如

login({scope:'email', redirect_uri:'where_to_go_when_login_ends'})

它是针对fb桌面SDK记录的，所以我给它一个去，它有点工作。当我说“有点”时，我的意思是在网络手机上，似乎没问题，但如果你试图在桌面浏览器中运行它，登录弹出窗口将重定向到登录弹出窗口内的给定网址 - 而不是在其父窗口内

我希望这足够好并且不会引起任何副作用，我实在说不出来。但这是我在此期间因缺少其他选择而使用的：^）

Answer 4

这可能是facebooks API中的一个错误。我认为他们没有在iPhone网络应用模式下测试他们的API。问题可以在这里遵循： https://developers.facebook.com/bugs/317323871621290

FB通过网络应用程序登录后的空白屏幕？

4 个答案: