带有 WebView 的 Flutter 应用程序中的 Firebase 身份验证

Question

我正在开发一个 Flutter 应用程序，它使用 Firebase Auth 来处理身份验证。但是，应用程序的某些部分使用WebView显示来自网络版本（也使用 Firebase 身份验证）的内容。我的问题是如何确保已登录应用程序的用户也在 WebView 中登录。

Answer 1

Firebase 中没有内置任何内容来自动将本机代码中的身份验证状态同步到从此本机代码打开的 Web 视图中。

应该可以将 ID 令牌从本机代码传递到 Web 视图并在那里使用它，但我自己从未尝试过。

我找到的一些相关链接：

• 如何将 Firebase Auth 令牌传递给 webView 并在 Android 上注册通知（描述了相同的问题，但随后使用 Android - 不幸的是没有答案）
• 有没有办法让用户在 Android 上使用 Firebase Auth 在本机代码和 WebView 之间保持登录状态？（不幸的是也没有答案）
• 使用 React Native 进行 Webviews 和社交身份验证（博客文章描述了 Facebook 登录和 React Native 此类问题的解决方法）
• 如何在本机上进行身份验证并传递给 webView？（也适用于 React Native，但这个答案看起来很有希望）
• Capacitor-firebase-auth npm 模块（用于将令牌从本机代码传播到 Web 视图的 Capacitor 框架的插件）

这些都不是 Flutter + WebView 的预构建解决方案，但我希望将它们结合起来可以让您自己构建一些东西。如果您这样做：请分享！:)