在 Flutter Web App 中使用 Firebase 实时数据库
Posted
技术标签:
【中文标题】在 Flutter Web App 中使用 Firebase 实时数据库【英文标题】:Use Firebase Realtime Database in Flutter Web App 【发布时间】:2021-03-08 15:17:53 【问题描述】:我是 Flutter 的初学者,我想将我的 Flutter Web App 连接到 Firbase 实时数据库。我的目标是在单击按钮时在数据库中添加一些示例数据。
此时我在web/index.html
文件中添加了以下内容
<script src="https://www.gstatic.com/firebasejs/7.20.0/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/7.20.0/firebase-firestore.js"></script>
<script>
var firebaseConfig =
apiKey: "...",
authDomain: "...",
databaseURL: "...",
projectId: "...",
storageBucket: "...",
messagingSenderId: "...",
appId: "...",
measurementId: "...",
;
// Initialize Firebase
firebase.initializeApp(firebaseConfig);
firebase.analytics();
</script>
在我的pubspec.yaml
文件中,我添加了以下依赖项:
firebase: ^7.3.2
firebase_core: ^0.5.2
firebase_database: ^4.3.0
我的main.dart
文件包含一个简单的main()
函数,如下所示
void main()
runApp(MyApp());
还有MyApp()
无状态小部件。
我是否必须使用.initializeApp()
并在其中传递项目的约束(apiKey、authDomain 等)?
谁能给我一些提示,因为我不知道该怎么做,我现在很困惑。
感谢您的宝贵时间
【问题讨论】:
【参考方案1】:如果您查看firebase.flutter.dev 上的平台支持表,您会发现 FlutterFire 库尚不支持在 Web 应用程序中访问实时数据库。增加支持的工作正在进行中,但没有估计何时发布。
目前,如果您想在 Flutter Web 应用程序中使用 Firebase 实时数据库,则必须使用 firebase-dart
library。
【讨论】:
以上是关于在 Flutter Web App 中使用 Firebase 实时数据库的主要内容,如果未能解决你的问题,请参考以下文章
在 Flutter 网站上展示广告(flutter web app)
如何在第二个 Firebase 主机中部署 Flutter Web App?
如何使用检查器在 Safari 上调试 Flutter Web App?
如何在 Flutter Web 中动态更改 App Title?