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

# 如果安装后就不用再执行这个指令了 npm install -g firebase-tools

登录并测试Firebase CLI

# Node.js版本 >=18.0.0 firebase login

输入y允许Firebase收集CLI和Emulator Suite的使用情况和错误报告信息，然后会跳转到网页选择google账号登录firebase CLI

如果出现登录失败，也不用担心，进入终端后我们发现他在第二步给了我们一个地址，我们去访问这个地址即可去重新登录firebase CLI

选择是的，我刚运行了这个命令，接着我们就会看到一个会话id，进入终端我们也能看到一个会话id，如果两者相同，则点击是的，这是我的会话id按钮

这是我们就会得到授权代码，复制授权代码到输入到终端中

通过列出 Firebase 项目来测试 CLI 是否已正确安装，以及是否能访问您的帐号：

firebase projects:list

三、项目中安装FlutterFire工具

FlutterFire 是一组 Flutter 插件，可将 Flutter 应用程序连接到Firebase。

安装并运行 FlutterFire CLI

从任何目录运行以下命令：

# 如果全局装过，忽略此指令 dart pub global activate flutterfire_cli

然后，在您的 Flutter 项目的根目录下，运行以下命令后会在终端中让你选择选择集成的平台，默认全选，点击空格可以实现平台的选择与取消，点击回车进行确认

# 这里的project根据自己的来 flutterfire configure --project=intelligent-campsite

这会自动将选择的平台集成到 Firebase 中，并向您的 Flutter 项目添加 lib/firebase_options.dart 配置文件。

添加Firebase 插件

在使用任何 Firebase 服务之前，您必须首先安装该firebase_core 插件，该插件负责将您的应用程序连接到 Firebase。

flutter pub add firebase_core

下载完后添加到环境变量

vi ~/.bash_profile  export PATH="$PATH":"$HOME/.pub-cache/bin" #退出编辑器并执行下面指令来生效 source ~/.bash_profile

四、在代码中初始化Firebase

接下来需要将生成的选项提供给该initializeApp方法。由于这是异步操作，因此main可以修改该函数以确保在运行应用程序之前完成初始化。

在main.dart中添加initializeApp方法

import 'package:firebase_core/firebase_core.dart'; import 'firebase_options.dart'; void main() async {   WidgetsFlutterBinding.ensureInitialized();   await Firebase.initializeApp(     options: DefaultFirebaseOptions.currentPlatform,   );   runApp(MyApp()); }

重新运行项目，既可以实现在Flutter中集成Firebase的功能