Web中的Flutter Firebase实时数据库 [英] Flutter firebase realtime database in web
问题描述
我正在尝试让我的flutter应用程序在浏览器中运行，这取决于firebase_database.确实没有任何有关此操作的文档，但是我根据firebase_core和firebase_auth文档进行了一些假设:
I'm trying to get my flutter app working in the browser and it depends on firebase_database. There is not really any documentation for how to do this, but I'm making some assumptions based off the firebase_core and firebase_auth documentations:
我的应用程序可以在iOS和android上运行，但是我无法使数据库在波动的网络中正常工作.
My app is working on iOS and android, but I'm having trouble getting the database working in flutter web.
我已经设置了index.html:
I've set up my index.html:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Flutter WebRTC Demo</title>
</head>
<body>
<script src="https://www.gstatic.com/firebasejs/7.6.1/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/7.6.1/firebase-database.js"></script>
<script>
const firebaseConfig = {
apiKey: '...',
authDomain: '...',
databaseURL: '...',
projectId: '...',
storageBucket: '...',
messagingSenderId: '...',
appId: '...'
};
firebase.initializeApp(firebaseConfig);
</script>
<script src="main.dart.js" type="application/javascript"></script>
</body>
</html>
但是，当我尝试使用Firebase数据库时，日志中出现错误:
But, when I try to use the firebase database, I get errors in the logs:
MissingPluginException(No implementation found for method DatabaseReference#set on channel plugins.flutter.io/firebase_database)
package:dart-sdk/lib/_internal/js_dev_runtime/private/ddc_runtime/errors.dart 196:49 throw_
package:flutter/src/services/platform_channel.dart 319:7 invokeMethod
package:dart-sdk/lib/_internal/js_dev_runtime/patch/async_patch.dart 47:50 onValue
package:dart-sdk/lib/async/zone.dart 1381:54 runUnary
package:dart-sdk/lib/async/future_impl.dart 139:18 handleValue
package:dart-sdk/lib/async/future_impl.dart 680:44 handleValueCallback
package:dart-sdk/lib/async/future_impl.dart 709:32 _propagateToListeners
package:dart-sdk/lib/async/future_impl.dart 524:5 [_completeWithValue]
package:dart-sdk/lib/async/future_impl.dart 554:7 callback
package:dart-sdk/lib/async/schedule_microtask.dart 43:11 _microtaskLoop
package:dart-sdk/lib/async/schedule_microtask.dart 52:5 _startMicrotaskLoop
package:dart-sdk/lib/_internal/js_dev_runtime/patch/async_patch.dart 168:15 <fn>
有什么方法可以使实时数据库在Web上的Flutter应用中正常工作?
Is there any way I can get the realtime database working in my flutter app on the web?
推荐答案
在主要自述文件中在flutterfire github 中，有一个"Web"?列，以说明哪些插件可用于网络.
In the main README in the flutterfire github, there is a "Web?" column that to note which plugins are ready for web.
当前，在Flutter Web应用程序中仅支持firebase_core，firebase_auth，cloud_firestore和firebase_functions.
Currently, only firebase_core, firebase_auth, cloud_firestore, and firebase_functions are supported in flutter web apps.
如@Frank van Puffelen所述，要在flutter网站中使用firebase的全部功能，请使用 firebase- dart 包装器库.
As @Frank van Puffelen mentioned, to use the full functionality of firebase in flutter web, use the firebase-dart wrapper library.
还有一个 Flutter Web插件项目委员会，其中显示了哪些Flutter插件路线图，以及它们处于什么发展阶段.在进行此编辑时，firebase_storage是网络路线图上的下一个插件.
There is also a Flutter Web Plugins Project Board that shows which flutter plugins are on the roadmap, and what stage of development they are at. At the time of this edit, firebase_storage is the next plugin on the web roadmap.
这篇关于Web中的Flutter Firebase实时数据库的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
