Flutter Firebase集成插件firebase_dart_flutter的使用

Flutter Firebase集成插件firebase_dart_flutter的使用

在本文中，我们将详细介绍如何在Flutter项目中集成并使用firebase_dart_flutter插件。此插件是一个纯Dart实现的Firebase客户端，并包含一些特定于Flutter的扩展。

介绍

firebase_dart_flutter 是一个用于在Flutter应用中集成Firebase服务的插件。它提供了与官方Firebase SDK类似的功能，但完全基于Dart语言实现。

使用步骤

首先，确保你已经在pubspec.yaml文件中添加了firebase_dart_flutter依赖项：

dependencies:
  flutter:
    sdk: flutter
  firebase_dart_flutter: ^x.y.z
  hive: ^x.y.z

然后运行flutter pub get来获取这些依赖项。

接下来，我们来看一个完整的示例代码。

完整示例代码

以下是一个简单的示例，展示了如何在Flutter应用中初始化并使用firebase_dart_flutter插件。

import 'dart:io';

import 'package:firebase_dart_flutter/firebase_dart_flutter.dart';
import 'package:firebase_dart_flutter_example/src/core.dart';
import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart';
import 'package:hive/hive.dart';

import 'firebase_options.dart';

void main() async {
  // 在调试模式下接受自定义SSL证书，以便能够通过代理服务器捕获/监控网络流量以进行调试
  if (kDebugMode) HttpOverrides.global = MyHttpOverrides();

  // 初始化Firebase
  await FirebaseDartFlutter.setup(isolated: false);

  // 打开Hive数据库
  var box = await Hive.openBox('firebase_dart_flutter_example');
  
  // 如果没有存储的应用信息，则初始化默认值
  if (box.get('apps') == null || (box.get('apps') as List).isEmpty) {
    await box.put('apps', [DefaultFirebaseOptions.currentPlatform.asMap]);
  }

  // 启动应用
  runApp(const MyApp());
}

// 应用根组件
class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: AppListPage(),
    );
  }
}

// 自定义的HttpOverrides类，用于接受自定义SSL证书
class MyHttpOverrides extends HttpOverrides {
  @override
  HttpClient createHttpClient(SecurityContext? context) {
    return super.createHttpClient(context)
      ..badCertificateCallback = (X509Certificate cert, String host, int port) {
        return true;
      };
  }
}

说明

1. 导入必要的包：

   • firebase_dart_flutter：主库。
   • hive：用于本地存储。
   • firebase_options：包含了Firebase配置选项。

2. 初始化Firebase：

   await FirebaseDartFlutter.setup(isolated: false);
   

3. 打开Hive数据库：

   var box = await Hive.openBox('firebase_dart_flutter_example');
   

4. 检查并初始化默认值：

   if (box.get('apps') == null || (box.get('apps') as List).isEmpty) {
     await box.put('apps', [DefaultFirebaseOptions.currentPlatform.asMap]);
   }
   

5. 启动应用：

   runApp(const MyApp());
   

6. 自定义的HttpOverrides类：

   class MyHttpOverrides extends HttpOverrides {
     @override
     HttpClient createHttpClient(SecurityContext? context) {
       return super.createHttpClient(context)
         ..badCertificateCallback = (X509Certificate cert, String host, int port) {
           return true;
         };
     }
   }