Flutter集成Firebase框架
本文档的插件版本
- flutter：3.19.4
- dart版本：3.3.2
firebase_core：2.30.0
- firebase：13.7.3
- flutterfire：1.0.0
前言
Flutter集成Firebase框架要完成以下内容
- 在Firebase网页端创建一个项目
- 在终端全局安装Firebase工具，使电脑可以访问Firebase中的项目内容
- 在终端中全局安装FlutterFire工具，使项目和Firebase项目工具
- 项目中按照firebase_core插件，使项目可以使用Firebase中的多个工具
集成步骤
一、在Firebase网页端创建项目
在Firebase中添加项目，访问https://console.firebase.google.com/u/0/，点击添加项目
输入项目名称后点击继续，选择一个账号后点击创建项目，等待段时间即可创建成功，点击继续按钮即可进入控制台中
点击flutter图标按钮，配置firebase添加到flutter应用
二、在电脑上全局安装Firebase工具
firebase工具是电脑端和firebase网页端关联的工具
安装Firebase CLI
参考文档：https://firebase.google.com/docs/cli?hl=zh&authuser=0#windows-npm
|
|
登录并测试Firebase CLI
|
|
输入y允许Firebase收集CLI和Emulator Suite的使用情况和错误报告信息，然后会跳转到网页选择google账号登录firebase CLI
如果出现登录失败，也不用担心，进入终端后我们发现他在第二步给了我们一个地址，我们去访问这个地址即可去重新登录firebase CLI
选择是的，我刚运行了这个命令，接着我们就会看到一个会话id，进入终端我们也能看到一个会话id，如果两者相同，则点击是的，这是我的会话id按钮
这是我们就会得到授权代码，复制授权代码到输入到终端中
通过列出 Firebase 项目来测试 CLI 是否已正确安装，以及是否能访问您的帐号：
|
|
三、项目中安装FlutterFire工具
FlutterFire 是一组 Flutter 插件，可将 Flutter 应用程序连接到Firebase。
安装并运行 FlutterFire CLI
从任何目录运行以下命令：
|
|
然后，在您的 Flutter 项目的根目录下，运行以下命令后会在终端中让你选择选择集成的平台，默认全选，点击空格可以实现平台的选择与取消，点击回车进行确认
|
|
这会自动将选择的平台集成到 Firebase 中，并向您的 Flutter 项目添加 lib/firebase_options.dart 配置文件。
添加Firebase 插件
在使用任何 Firebase 服务之前，您必须首先安装该firebase_core 插件，该插件负责将您的应用程序连接到 Firebase。
|
|
下载完后添加到环境变量
|
|
四、在代码中初始化Firebase
接下来需要将生成的选项提供给该initializeApp方法。由于这是异步操作，因此main可以修改该函数以确保在运行应用程序之前完成初始化。
在main.dart中添加initializeApp方法
|
|
重新运行项目，既可以实现在Flutter中集成Firebase的功能