如何在 flutter web 应用程序中正确添加和启用 firebase_auth？

Question

我正在尝试在 flutter web 上添加和启用 firease_auth。 我已经在 firebase 上添加了 web 应用程序，将所需的代码行复制并粘贴到 web/index.html 中。 我在 pubspec.yaml 上添加了 firebase_core 和 firebase_auth，并在 my.dart 文件中相应地添加了导入。 我已经手动添加了一个用户，他们的 email 和 firebase 上的密码。 现在，当我尝试从我的 web 应用程序登录时，它总是在主程序中失败，甚至无法启动。 这是我的主要外观：

Future<void> main() async
{
  await Firebase.initializeApp(); // always fails here when trying to use firebase. it wont even launch.
  runApp(const MyApp());
}

我还使用相同的代码库来制作 android 应用程序，它工作得很好。 可能是什么问题？

Answer 1

初始化 Firebase 需要一些有关您的项目的配置数据，以便应用程序可以在服务器上找到该项目。 它在所有平台上都需要这个配置，但是每个平台的原生 SDK 都有自己的处理方式。

如果相同的代码适用于 Android，这意味着您已将google-services.json文件包含到 Android Runner 应用程序中，然后该库会从其中读取配置。

In the web version, you'll typically include the config in the HTML file as shown in this older documentation on manually initializing Firebase in your Flutter web app .

由于必须为每个平台执行不同的操作让许多 Flutter 开发人员感到困惑，因此现在还有一种方法可以从 Flutter 代码本身进行初始化 - 这在所有平台上都是相同的。 有关这方面的更多信息，请参阅有关在 Flutter 应用程序中配置 Firebase的当前 Firebase 文档；