cordova - 我可以在不离开 Capacitor 应用程序的情况下导航到网络吗？

Question

我们有一个带有 ADFS/GoogleId 登录工作流程的网络应用程序，该工作流程通过重定向实现。我们的应用程序重定向到登录或验证用户的 ADFS 服务器，然后链接回我们的应用程序。这在离子/电容器中可以实现吗？这个页面建议离开你的应用程序应该自动在浏览器中弹出，这就是我们看到的行为。

是否有某种方法可以将某些域注册为 Capacitor 应用程序的“一部分”，这样我们就可以在不离开 web 视图的情况下进行导航？这意味着“ http://localhost ”（或 ios 的“capacitor://localhost”）形式的返回 url 可以工作。

或者，如果浏览器接管了 adfs 域，我如何构建一个指向 Capacitor 应用程序的链接？

Answer 1

您可以通过在电容器.config.json 文件allowNavigation的对象内添加来允许导航到某些 urlserver

"server": {
    // Capacitor to open URLs belonging to these hosts inside its WebView.
    "allowNavigation": [
      "example.org",
      "*.example.org",
      "192.0.2.1"
    ]
  }

https://capacitor.ionicframework.com/docs/basics/configuring-your-app

Answer 2

您可以使用浏览器 API（插件）在所谓的应用内浏览器中打开 URL：@capacitor/browser

• 电容器 2：https ://capacitorjs.com/docs/apis/browser
• Capacitor 3（即将发布）：https ://capacitorjs.com/docs/v3/apis/browser

在 Android 上，这会打开一个Chrome WebView，在 iOS 上会打开一个SFSafariViewController，因此用户永远不会真正离开应用程序，它是一个位于应用程序导航堆栈顶部的附加 Activity（或 ViewController）。

它在插件的描述中说：

浏览器 API 可以轻松打开应用内浏览器会话以显示外部 Web 内容、处理身份验证流程等。

您也可以添加侦听器来侦听页面加载事件。