如何在Facebook Messenger浏览器(Webview)中实现Facebook登录?

如何在Facebook Messenger浏览器(Webview)中实现Facebook登录?

在Facebook Messenger中,有很多时候需要我们创建一个应用程式所提供的Webview,其中之一就是使用Facebook登录进行帐户链接。一些客户需要用户先用Facebook帐户登录来作身分识别。

但是,由于Facebook Messenger将阻止应用程式所提供的webview中弹出任何窗口,因此Facebook Javascript SDK在web视图上提供的登录按钮在这种情况下将沒有作用。

要解决此问题,我们建议您为该登录页面上的用户手动创建登录流程。

  1. 转到Facebook App报表版(Facebook App Dashboard)。在「Product」(产品)下,选择「Facebook Login > Settings」。
  2. 在「Client OAuth Settings」下,打开一个名为Embedded Browser OAuth Login的选项。
  3. 在「Valid OAuth Redirect URIs」下添加您的Redirect URL

Custom Redirect URL(s) Configuration
  1. 按照 Facebook指南 官方的通过重定向URL设置Facebook登录。

    • Related Articles

    • 如何设置Facebook聊天机器人?

      我们的基本程序文档将向您展示如何在Facebook上构建第一个聊天机器人,以及在构建聊天机器人过程中应注意的地方。
    • 如何设置固定菜单(Persistent Menu)?

      您可以在每个频道(Channel)的平台(Platform)部分下设置固定菜单(Persistent Menu)。 详情请参考我们的文档。 请注意,只有Web Chat和Facebook Messenger可设置固定菜单(Persistent Menu)。
    • 如果我们使用嵌入式注册,如何在Facebook中找到WABA ID?

      您可以选择您使用嵌入式注册创建了WABA的Facebook商业账户,然后,您可以在WhatsApp管理器中找到他们的WABA ID。
    • 如何让Shopify的服务商按照官方文档安装Messenger plugin?

      1. 前往 Shopify Admin Panel(管理面板)。 2. 前往 Sales Channels(销售渠道)。在 Online Store(网店)下方,点击 Themes(主题),打开主题页面。 3. 在 Current Theme(当前主题)版块下方,点击 Customize(自定义)。 4. 您会看到店铺的预览情况。点击 Theme actions(主题操作)。 5. 在弹出菜单中,点击 Edit code(编辑代码)。 6. ...
    • 我如何将Facebook Messenger添加到我的网站上?

      请按照以下步骤添加Facebook Messenger插件到您的网站。 1. 請到您的Facebook粉絲專頁 2. 点击 設定 3. 点击 訊息 4. 加入Messenger到您的網站 5. 按照指示设计插件,並取得程式碼放入您的網站