天景科技苑

这个屌丝很懒，什么也没留下！

热门标签

Flutter中的Firebase：如何使用Flutter连接Firebase数据库_firebase flutter

作者：天景科技苑 | 2024-07-06 03:40:51

踩

firebase flutter

作者：禅与计算机程序设计艺术

Flutter中的Firebase：如何使用Flutter连接Firebase数据库

作为一名人工智能专家，程序员和软件架构师，我经常会被Flutter的技术魅力所吸引。Flutter作为Kotlin和JavaScript的混合编程语言，具有高效、快速、美观的开发体验。同时，Flutter也是Google推荐的跨平台移动应用开发首选。而在Flutter中，Firebase数据库已成为许多开发者必备的工具。那么，如何使用Flutter连接Firebase数据库呢？本文将为您详细解答。

引言

1.1. 背景介绍

随着移动互联网的快速发展，移动应用开发逐渐成为我国软件产业的重要组成部分。而Flutter作为Google的跨平台移动应用开发首选，为开发者提供了一个高效、快速、美观的开发体验。在Flutter中，开发者可以使用Firebase数据库来存储和管理应用数据。

1.2. 文章目的

本文旨在为Flutter开发者提供一个连接Firebase数据库的详细步骤和技巧，帮助开发者更好地使用Flutter搭建自己的移动应用。

1.3. 目标受众

本文将主要面向Flutter开发者，以及想要了解Flutter开发者如何连接Firebase数据库的初学者。

技术原理及概念

2.1. 基本概念解释

Firebase是Google提供的一种后端服务，提供了一系列云函数、数据库、存储等功能。Firebase可以轻松地与Flutter应用程序集成，为开发者提供了一种快速构建和扩展Flutter应用的方法。

2.2. 技术原理介绍

本文将使用Firebase Realtime Database作为数据库，它是一种NoSQL实时数据库，可以实时地存储和获取数据。在Flutter中，我们可以通过Firebase Realtime Database存储应用数据，并在需要的时候获取数据来更新应用 UI。

2.3. 相关技术比较

Firebase Realtime Database与其他NoSQL数据库（如Django的Python数据库、MongoDB等）相比，具有以下优势：

实时性：支持实时数据访问，可以实时地获取和上传数据，满足应用的实时需求。
跨平台：支持跨平台移动应用和Web应用。
无需编程：无需编写任何代码，即可使用数据库的各种功能。
云托管：完全由Google云托管，确保数据安全和可靠性。

实现步骤与流程

3.1. 准备工作：环境配置与依赖安装

首先，需要确保您的Flutter应用程序已经在Google Play上下载。然后，您需要安装Firebase。对于Android应用，您可以按照以下步骤进行安装：

// 对于Android 9.0及更高版本，请使用Firebase CLI初始化
if (Platform.isAndroid()) {
  void installFirebase() {
    final String installationUrl = "https://firebase.google.com/auth/360l7";
    final String authToken = await GoogleAuth.getInstance().defaultInstance.authorizeCode(
      installationUrl,
      "_0yRGbz-V78wXcNj6Q0-zjV1-_1"
    );

    final String databaseURL = "https://firebase.google.com/ Realtime Database";
    final String projectId = "YOUR_PROJECT_ID";

    Firebase.initializeApp(
      authToken,
      databaseURL,
      projectId
    );
  }

  installFirebase();
} else {
  // 对于Android 8.0及更低版本，请使用Android Studio初始化
  void installFirebase() {
    AndroidStudio.Installer.getInstance().getProjectComponent(
      "com.google.firebase",
      "com.google.firebase.firebaseapp",
      "YOUR_APPLICATION_ID"
    ).start(true);

    final String databaseURL = "https://firebase.google.com/ Realtime Database";
    final String projectId = "YOUR_PROJECT_ID";

    Firebase.initializeApp(
      null,
      databaseURL,
      projectId
    );
  }

  installFirebase();
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40

对于iOS应用，您可以使用 CocoaPods 或 Fastlane 等构建工具进行安装。

3.2. 核心模块实现

在Flutter项目中，我们需要创建一个自定义的Firebase客户端，用于连接Firebase数据库。首先，在 pubspec.yaml 文件中添加 Firebase 依赖：

dependencies:
  cloud_firestore: ^3.1.7
  firebase_core: ^0.10.61
2

接着，我们需要在应用程序的 build.dart 文件中，创建一个初始化 Firebase 的方法。在 FirebaseService.dart 文件中，您可以实现以下代码：

import 'package:cloud_firestore/cloud_firestore.dart';
import 'package:firebase_core/firebase_core.dart';

final FirebaseApp _firebaseApp = FirebaseApp.getInstance();

Future<void> _initializeFirebase() async {
  if (Platform.isAndroid()) {
    final installationUrl = "https://firebase.google.com/auth/360l7";
    final authToken = await GoogleAuth.getInstance().defaultInstance.authorizeCode(
      installationUrl,
      "_0yRGbz-V78wXcNj6Q0-zjV1-_1"
    );

    final databaseURL = "https://firebase.google.com/ Realtime Database";
    final projectId = "YOUR_PROJECT_ID";

    Firebase.initializeApp(
      authToken,
      databaseURL,
      projectId
    );
  } else {
    final AndroidInstaller = AndroidStudio.Installer.getInstance();
    final packageManager = AndroidInstaller.getPackageManager();

    final installationUrl = "https://firebase.google.com/auth/360l7";
    final String authToken = await AndroidAuth.getInstance().defaultInstance.authorizeCode(
      installationUrl,
      "_0yRGbz-V78wXcNj6Q0-zjV1-_1"
    );

    final databaseURL = "https://firebase.google.com/ Realtime Database";
    final projectId = "YOUR_PROJECT_ID";

    AndroidInstaller.install(
      packageManager,
      installationUrl,
      "com.google.firebase",
      "com.google.firebase.firebaseapp",
      packageManager.getMost RecentError(),
      "YOUR_APPLICATION_ID",
      projectId,
      null,
      null
    );

    Firebase.initializeApp(
      null,
      databaseURL,
      projectId
    );
  }
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52

在初始化Firebase之后，您可以调用 initializeApp 方法来设置 Firebase 的参数，例如：

_initializeFirebase();

3.3. 集成与测试

在完成核心模块的编写之后，我们可以进行集成测试。首先，在 main.dart 文件中，我们需要创建一个测试库，并调用 initializeFirebase 方法来初始化 Firebase：

import 'package:flutter/material.dart';
import '../firebase_services.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'FlutterFirebase Demo',
      home: Scaffold(
        appBar: AppBar(
          title: Text('FlutterFirebase Demo',
          style: Theme.of(context),
        ),
        body: Text(
          '欢迎来到FlutterFirebase Demo，请确保您已经安装了Firebase并设置了YOUR_PROJECT_ID。',
        ),
      ),
      child: Center(
        child: Text(
          '开始演示Flutter如何连接Firebase数据库，请按“开始”按钮。',
          onPressed: () {
            if (!FirebaseApp.getInstance().getProjectId().isEmpty) {
              // 初始化Firebase
              _initializeFirebase();

              // 在此处添加使用Firebase的代码

              // 显示一个成功的提示信息
              Text('FlutterFirebase Demo已成功初始化！');
            } else {
              Text('请确保您已经设置YOUR_PROJECT_ID。');
            }
          },
        ),
      ),
    );
  }
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41

在 firebase_services.dart 文件中，您可以编写使用 Firebase 的代码。例如，您可以编写一个方法来获取 Firebase 项目的 ID：

import 'package:cloud_firestore/cloud_firestore.dart';

Future<String> _getProjectId() async {
  final ProjectSnapshot projectSnapshot = await FirebaseFirestore.instance.collection("projects")
     .where("id.YOUR_PROJECT_ID", FirebaseFirestore.getInstance().projectId)
     .get();

  if (projectSnapshot.empty) {
    throw Exception("项目ID不存在");
  }

  return projectSnapshot.docs[0].id.toString();
}1
2
3
4
5
6
7
8
9
10
11
12

在您的应用程序中，您还可以使用这些方法来获取 Firebase 中的数据。

应用示例与代码实现讲解

接下来，我们将创建一个简单的 Flutter 应用程序，用于演示如何使用 Firebase 存储和读取数据。在 firebase_services.dart 文件中，您可以编写以下代码：

import 'package:cloud_firestore/cloud_firestore.dart';
import 'package:firebase_core/firebase_core.dart';

void _addDataToFirebase() async {
  final projectId = await _getProjectId();

  final db = FirebaseFirestore.instance;
  final ref = db.collection("myCollection");

  await ref.add({
    "title": "床",
    "price": 500,
    "description": "床",
  });
}

Future<void> _initializeFirebase() async {
  if (Platform.isAndroid()) {
    final installationUrl = "https://firebase.google.com/auth/360l7";
    final authToken = await GoogleAuth.getInstance().defaultInstance.authorizeCode(
      installationUrl,
      "_0yRGbz-V78wXcNj6Q0-zjV1-_1"
    );

    final databaseURL = "https://firebase.google.com/ Realtime Database";
    final projectId = "YOUR_PROJECT_ID";

    Firebase.initializeApp(
      authToken,
      databaseURL,
      projectId
    );
  } else {
    final AndroidInstaller = AndroidStudio.Installer.getInstance();
    final packageManager = AndroidInstaller.getPackageManager();

    final installationUrl = "https://firebase.google.com/auth/360l7";
    final String authToken = await AndroidAuth.getInstance().defaultInstance.authorizeCode(
      installationUrl,
      "_0yRGbz-V78wXcNj6Q0-zjV1-_1"
    );

    final databaseURL = "https://firebase.google.com/ Realtime Database";
    final projectId = "YOUR_PROJECT_ID";

    AndroidInstaller.install(
      packageManager,
      installationUrl,
      "com.google.firebase",
      "com.google.firebase.firebaseapp",
      packageManager.getMostRecentError(),
      "YOUR_APPLICATION_ID",
      projectId,
      null,
      null
    );

    Firebase.initializeApp(
      null,
      databaseURL,
      projectId
    );
  }
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63

在 MyApp 类中，您可以编写一个 _addDataToFirebase 方法来添加数据到 Firebase：

import 'package:cloud_firestore/cloud_firestore.dart';
import 'package:firebase_core/firebase_core.dart';

void _addDataToFirebase() async {
  final projectId = await _getProjectId();

  final db = FirebaseFirestore.instance;
  final ref = db.collection("myCollection");

  await ref.add({
    "title": "床",
    "price": 500,
    "description": "床",
  });
}1
2
3
4
5
6
7
8
9
10
11
12
13
14

您还可以编写一个 _getProjectId 方法来获取 Firebase 项目的 ID：

import 'package:cloud_firestore/cloud_firestore.dart';

Future<String> _getProjectId() async {
  final ProjectSnapshot projectSnapshot = await FirebaseFirestore.instance.collection("projects")
     .where("id.YOUR_PROJECT_ID", FirebaseFirestore.getInstance().projectId)
     .get();

  if (projectSnapshot.empty) {
    throw Exception("项目ID不存在");
  }

  return projectSnapshot.docs[0].id.toString();
}1
2
3
4
5
6
7
8
9
10
11
12

在您的应用程序中，您还可以使用这些方法来获取 Firebase 中的数据。

优化与改进

在实际的应用程序中，您可能需要对代码进行优化和改进。以下是一些常见的优化技巧：

避免在 AndroidManifest.xml 文件中声明 android:exported。
使用 final 关键字来声明变量。
使用 when 语句来处理异步操作。
使用 void 代替 void 声明的函数，这可以避免在运行时创建空指针异常。
在编写测试代码时，避免在测试方法中使用 await。
在 Android 中，避免使用 finally。
在 iOS 中，避免使用 do-catch 语句。
使用 isolate 关键字来避免命名冲突。
使用 const 关键字来声明常量。
避免在代码中使用 new 运算符。

结论与展望

Flutter中的Firebase是一个强大的工具，可以帮助开发者快速构建和扩展Flutter应用程序。通过使用Firebase，您可以轻松地连接到 Firebase 数据库，并在Flutter应用程序中使用 Firebase 存储和读取数据。

在实际开发过程中，您可能会发现一些可以改进和优化的地方。以上是一些常见的优化技巧，可以帮助您提高Flutter应用程序的性能和稳定性。

附录：常见问题与解答

以下是一些常见的 Firebase 问题及解答：

问：如何使用 Firebase 存储 Android 应用程序中的数据？答：要使用 Firebase 在 Android 应用程序中存储数据，请按照以下步骤进行：

在 AndroidManifest.xml 文件中声明 Firebase 服务：

<manifest xmlns:android="http://schemas.android.com/apk/res/android"
   package="com.example.myapp">
...
<application>
...
<service
name="com.example.myapp.FirebaseAppService"
android:name="com.example.myapp.FirebaseAppService"
android:enabled="true"
startService="default"
exported="true">
<intent-filter>
 <action android:name="com.google.firebase.FirebaseStartActivity" />
 <category android:name="com.google.firebase.FirebaseCategory.MESSAGING" />
</intent-filter>
</service>
</application>
...
</manifest>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

在应用程序的 build.gradle 文件中添加 Firebase 依赖：

dependencies {
...
implementation 'com.google.firebase:firebase-auth:19.0.0'
implementation 'com.google.firebase:firebase-firestore:19.0.0'
}1
2
3
4

在应用程序的代码中，初始化 Firebase 和 Firestore：

import 'package:firebase_core/firebase_core.dart';
import 'package:firebase_auth/firebase_auth.dart';
import 'package:firebase_firestore/firebase_firestore.dart';
1
2
3

void _initializeFirebase() { FirebaseApp.initializeApp();

// 初始化 Firestore FirebaseFirestore.initializeApp(); }


    4. 要获取 Firebase 中的数据，请使用 FirebaseFirestore 或 FirebaseDatabase：1

import 'package:firebase_firestore/firebase_firestore.dart';

Future _getData() async { final db = FirebaseFirestore.instance; final query = FirebaseFirestore.Query();

try { final documentSnapshot = await query.get();

if (documentSnapshot.exists) {
  return documentSnapshot.docs[0];
} else {
  throw Exception('没有数据');
}1
2
3
4

} catch (e) { throw e; } }


    5. 如何停止 Firebase？
答：您可以使用 `FirebaseApp` 的 `stopFirebase()` 方法来停止 Firebase。这将停止 Firebase 的服务，并释放已经获得的资源。1
2

FirebaseApp.stopFirebase();


    6. 如何创建 Firebase 项目？
答：要创建 Firebase 项目，请按照以下步骤进行：
    1. 在 AndroidManifest.xml 文件中声明 Firebase 服务：1
2
3

... ... ...


    2. 在应用程序的 build.gradle 文件中添加 Firebase 依赖：1

dependencies { ... implementation 'com.google.firebase:firebase-auth:19.0.0' implementation 'com.google.firebase:firebase-firestore:19.0.0' }


    3. 在应用程序的代码中，初始化 Firebase 和 Firestore：1

import 'package:firebase_core/firebase_core.dart'; import 'package:firebase_auth/firebase_auth.dart'; import 'package:firebase_firestore/firebase_firestore.dart';