Web中的Flutter Firebase实时数据库

问题描述：

我正在尝试让我的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:

https://github.com/FirebaseExtended/flutterfire /tree/master/packages/firebase_core/firebase_core_web

https://github.com/FirebaseExtended/flutterfire /tree/master/packages/firebase_auth/firebase_auth_web

我的应用程序可以在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实时数据库

相关推荐