Flutter Firebase集成插件firebase_dart的使用

发布于 1周前 作者 htzhanglong 来自 Flutter

Flutter Firebase集成插件 firebase_dart 的使用

firebase_dart 是一个纯 Dart 实现的 Firebase 客户端库,支持多种 Firebase 服务,并且可以在命令行应用、Web 应用以及 Flutter 应用中使用。本文将详细介绍如何在 Flutter 项目中集成和使用 firebase_dart 插件。

开始前的准备工作

初始化 firebase_dart

首先,你需要初始化 firebase_dart 库。对于 Flutter 应用,推荐使用 firebase_dart_flutter 库来简化初始化过程:

import 'package:firebase_dart_flutter/firebase_dart_flutter.dart';

void main() async {
  // 初始化 firebase_dart_flutter
  await FirebaseDartFlutter.setup();
}

如果你希望在单独的 isolate 中运行 Firebase 代码以确保主线程专注于渲染任务,可以设置 isolated 参数为 true(注意:此功能不适用于 Web 环境):

await FirebaseDartFlutter.setup(isolated: true);

创建 Firebase 应用实例

接下来,创建一个 Firebase 应用实例:

import 'dart:convert';
import 'dart:io';

// 加载 Firebase 配置文件
var options = FirebaseOptions.fromMap(json.decode(
    File('example/firebase-config.json').readAsStringSync()));

// 创建 Firebase 应用实例
var app = await Firebase.initializeApp(options: options);

认证服务

获取 Firebase Auth 实例后,你可以执行各种认证操作。以下是一些常用的方法及其支持状态:

  • createUserWithEmailAndPassword
  • signInAnonymously
  • signInWithEmailAndPassword
  • signOut

示例代码:

var auth = FirebaseAuth.instanceFor(app: app);

// 匿名登录
await auth.signInAnonymously();

// 获取当前用户信息
var user = auth.currentUser;
print('Current User ID: ${user?.uid}');

// 更新用户资料
await user?.updateProfile(displayName: 'Jane Doe');
print('Display Name: ${user?.displayName}');

实时数据库

要访问 Firebase 实时数据库实例,请调用以下方法:

var db = FirebaseDatabase(app: app);

// 获取数据引用并读取数据
var dbRef = db.reference().child('test');
var snapshot = await dbRef.once();
print('Content of database /test: ${snapshot.value}');

你也可以创建一个本地内存数据库进行测试:

var localDb = FirebaseDatabase(app: app, databaseURL: 'mem://some.name/');

云存储

要访问 Firebase 存储实例,请调用以下方法:

var storage = FirebaseStorage.instanceFor(app: app);

// 创建存储引用并上传数据
var ref = storage.ref().child('test.txt');
await ref.putString('hello world!', metadata: SettableMetadata(contentType: 'text/plain'));

// 获取文件元数据
var metadata = await ref.getMetadata();
print('Content type of file test.txt: ${metadata.contentType}');

// 下载文件内容
var content = utf8.decode((await ref.getData(metadata.size))!);
print('Content of file test.txt: $content');

示例 Demo

以下是一个完整的示例 Demo,展示了如何使用 firebase_dart 进行匿名登录、更新用户资料、上传文件到云存储以及从实时数据库读取数据:

import 'dart:convert';
import 'dart:io';
import 'dart:typed_data';
import 'package:firebase_dart/auth.dart';
import 'package:firebase_dart/core.dart';
import 'package:firebase_dart/database.dart';
import 'package:firebase_dart/implementation/pure_dart.dart';
import 'package:firebase_dart/storage.dart';
import 'package:firebase_dart_flutter/firebase_dart_flutter.dart';

void main() async {
  // 初始化 Firebase
  await FirebaseDartFlutter.setup();

  // 加载 Firebase 配置
  var options = FirebaseOptions.fromMap(json.decode(
      File('example/firebase-config.json').readAsStringSync()));

  // 创建 Firebase 应用实例
  var app = await Firebase.initializeApp(options: options);

  // 获取认证实例
  var auth = FirebaseAuth.instanceFor(app: app);

  // 匿名登录
  await auth.signInAnonymously();
  var user = auth.currentUser;
  print('Current User ID: ${user?.uid}');

  // 更新用户资料
  await user?.updateProfile(displayName: 'Jane Doe');
  print('Display Name: ${user?.displayName}');

  // 使用云存储
  var storage = FirebaseStorage.instanceFor(app: app);
  var ref = storage.ref().child('test.txt');
  await ref.putString('hello world!', metadata: SettableMetadata(contentType: 'text/plain'));

  var metadata = await ref.getMetadata();
  print('Content type of file test.txt: ${metadata.contentType}');

  var content = utf8.decode((await ref.getData(metadata.size))!);
  print('Content of file test.txt: $content');

  // 使用实时数据库
  var database = FirebaseDatabase(app: app);
  var dbRef = database.reference().child('test');
  var snapshot = await dbRef.once();
  print('Content of database /test: ${snapshot.value}');

  // 删除用户
  await user?.delete();
  user = auth.currentUser;
  print('Current User ID after deletion: ${user?.uid}');

  // 清理资源
  await app.delete();
}

更多关于Flutter Firebase集成插件firebase_dart的使用的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html

1 回复

更多关于Flutter Firebase集成插件firebase_dart的使用的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


在Flutter中集成Firebase并使用firebase_dart插件是一个相对复杂的任务,不过可以通过一些步骤和代码示例来实现。需要注意的是,firebase_dart并不是Flutter社区广泛使用的官方插件,而是一个Dart语言级别的Firebase客户端库。在Flutter项目中,更常见的做法是使用官方的firebase_core和其他相关的Firebase Flutter插件。

不过,为了回答你的问题,并展示如何在Flutter项目中集成并使用类似功能的Firebase库(尽管不是firebase_dart),我将展示如何使用官方的Firebase插件进行集成。

步骤 1: 设置Flutter项目

首先,确保你已经创建了一个Flutter项目。如果还没有,可以使用以下命令创建一个新的Flutter项目:

flutter create my_flutter_app
cd my_flutter_app

步骤 2: 添加Firebase依赖

pubspec.yaml文件中添加Firebase相关的依赖。例如,如果你想要使用Firebase Authentication和Firestore数据库,你可以添加以下依赖:

dependencies:
  flutter:
    sdk: flutter
  firebase_core: ^1.12.0  # 确保使用最新版本
  firebase_auth: ^3.4.1   # 确保使用最新版本
  cloud_firestore: ^3.1.6 # 确保使用最新版本

然后运行flutter pub get来安装这些依赖。

步骤 3: 配置Firebase项目

  1. 前往Firebase控制台,创建一个新的Firebase项目或选择现有的项目。
  2. 在Firebase控制台中,为你的应用添加Flutter平台支持。
  3. 下载google-services.json文件,并将其放置在android/app/目录下。
  4. 对于iOS,你需要将Firebase SDK集成到你的Xcode项目中,并按照Firebase控制台的指示配置Info.plistGoogleService-Info.plist

步骤 4: 初始化Firebase

在你的main.dart文件中,初始化Firebase:

import 'package:flutter/material.dart';
import 'package:firebase_core/firebase_core.dart';
import 'package:firebase_auth/firebase_auth.dart';
import 'package:cloud_firestore/cloud_firestore.dart';

void main() async {
  WidgetsFlutterBinding.ensureInitialized();
  await Firebase.initializeApp();
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Firebase Integration'),
        ),
        body: FirebaseScreen(),
      ),
    );
  }
}

class FirebaseScreen extends StatefulWidget {
  @override
  _FirebaseScreenState createState() => _FirebaseScreenState();
}

class _FirebaseScreenState extends State<FirebaseScreen> {
  late FirebaseAuth auth;
  late FirebaseFirestore firestore;

  @override
  void initState() {
    super.initState();
    auth = FirebaseAuth.instance;
    firestore = FirebaseFirestore.instance;
  }

  // 示例:获取当前用户信息
  void getCurrentUser() async {
    User? user = auth.currentUser;
    if (user != null) {
      print('User UID: ${user.uid}');
    } else {
      print('No user signed in.');
    }
  }

  // 示例:向Firestore写入数据
  void writeToFirestore() async {
    await firestore.collection('users').add({
      'name': 'John Doe',
      'email': 'john.doe@example.com',
    });
  }

  @override
  Widget build(BuildContext context) {
    return Center(
      child: Column(
        mainAxisAlignment: MainAxisAlignment.center,
        children: <Widget>[
          TextButton(
            onPressed: () {
              getCurrentUser();
            },
            child: Text('Get Current User'),
          ),
          TextButton(
            onPressed: () {
              writeToFirestore();
            },
            child: Text('Write to Firestore'),
          ),
        ],
      ),
    );
  }
}

结论

上述代码展示了如何在Flutter项目中集成并使用Firebase的核心功能,包括Firebase Authentication和Firestore数据库。尽管firebase_dart不是一个广泛使用的Flutter插件,但通过上述步骤,你可以使用官方的Firebase Flutter插件来实现类似的功能。如果你确实需要使用firebase_dart,那么你可能需要查看该库的官方文档或GitHub仓库,因为集成方式可能会有所不同,并且可能需要更多的手动配置。

回到顶部