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

Question

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

Answer 1

Firebase 中没有内置任何东西来自动将身份验证状态从 native 代码同步到从此 native 代码打开的 WebView 中。

应该可以将 ID token 从 native 代码传递到 Web View 并在那里使用它，但我自己从未尝试过。

我发现的一些相关链接:

How to pass Firebase Auth token to webView and register for notifications on Android (描述了同样的问题，但后来使用 Android - 不幸的是没有答案)

Is there a way to keep the user signed in between native code and a WebView using Firebase Auth on Android? (不幸的是也没有答案)

Webviews and social authentication with React Native (博客文章描述了 Facebook 登录和 native react 的此类问题的解决方法)

How to do Authentication on native and pass to webView? (也使用 React Native，但 this answer 看起来很有希望)

capacitor-firebase-auth npm module (用于将 token 从 native 代码传播到 Web View 的 Capacitor 框架插件)

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