如何在 Flutter Web 项目中设置 Firebase 功能

【问题标题】：How to set up firebase function in flutter web project如何在 Flutter Web 项目中设置 Firebase 功能
【发布时间】：2019-12-01 21:29:08
【问题描述】：

我正在尝试在我的 Flutter Web 项目中配置 Firebase 实时数据库，有什么建议可以让我在 Flutter Web 项目中配置 Firebase 实时数据库吗？

https://pub.dev/packages/firebase#-installing-tab- 我已经按照上面的链接配置了firebase库，但是如何使用firebase实时数据库功能呢？

【问题讨论】：

您是在尝试使用实时数据库还是 Firestore？

标签： firebase google-cloud-firestore flutter-web

【解决方案1】：

你可以使用帮助类来初始化你的数据库

import 'package:firebase/firebase.dart' as fb;

class FirebaseHelper {
  static fb.Database initDatabase() {
    try {
      if (fb.apps.isEmpty) {
        fb.initializeApp(
          apiKey: "add_your_own",
          authDomain: "add_your_own",
          databaseURL: "add_your_own",
          projectId: "add_your_own",
          messagingSenderId: "add_your_own",
        );
      }
    } on fb.FirebaseJsNotLoadedException catch (e) {
      print(e);
    }
    return fb.database();
  }
}

然后按如下方式使用

// global variable, not the best 
Database database = FirebaseHelper.initDatabase();

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

然后在你的小部件中使用

 var databaseRef = database.ref("my_database").child("my_data");

【讨论】：