Instagram WebView阻止FB登录

lin*_*nda 5 facebook webview ios instagram

我公司的Instagram个人简介上有一个链接。当iOs用户单击链接并通过Instagram WebView重定向到我公司的网站时,该用户无法通过Facebook连接到其帐户。通过FB登录后,它将它们重定向到同一页面。此问题在Android或网络浏览器上都不会发生-仅在应用内浏览器中时才发生。

我尝试使用一个函数来检测用户正在从Instagram重定向的window.location.url的URL,因为我们Instagram应用程序上的链接上具有特定的“ Instagram”参数。但是,应用内浏览器似乎无法检测到window.location.url.。

确实停留在这个问题上,想知道是否有人遇到过类似的情况。

xia*_*lin 5

大多数社交认证开箱即用的方式通常是弹出一个窗口。

大多数 iOS 原生应用程序(我遇到的)如 Reddit 或 Instagram 不允许弹出窗口。

解决方案是使用单页流进行身份验证。

例如,如果您使用 Facebook 身份验证,您可以将当前的身份验证按钮替换window.location

https://www.facebook.com/v2.10/dialog/oauth?client_id={app-id}&redirect_uri={redirect-uri}
Run Code Online (Sandbox Code Playgroud)

用户成功授予权限后,将redirect_uri使用可用于检索访问令牌的参数将用户重定向回您的站点

请参阅 Facebook 文档以供参考 https://developers.facebook.com/docs/facebook-login/manually-build-a-login-flow