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

Posted 2023-02-23

【中文标题】如何在 Flutter Web 项目中设置 Firebase 功能

【英文标题】：How to set up firebase function in flutter web project

【发布时间】：2019-12-01 21:29:08

【问题描述】：

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

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

【问题讨论】：

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

【参考方案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");