firebase - 网页中的 Flutter Firebase 实时数据库-6ren

firebase - 网页中的 Flutter Firebase 实时数据库

转载作者：行者123 更新时间：2023-12-04 11:13:50

24

4

我正在尝试让我的 Flutter 应用程序在浏览器中运行，这取决于 firebase_database。没有任何关于如何做到这一点的文档，但我根据 firebase_core 和 firebase_auth 文档做出了一些假设:

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 上运行，但我无法让数据库在 flutter web 中运行。

我已经设置了我的 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 数据库时，日志中出现错误:

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>

有什么方法可以让实时数据库在网络上的 Flutter 应用程序中工作？

最佳答案

在 the main README in the flutterfire github ，有“网”吗？请注意哪些插件已准备好用于 Web 的列。

目前，只有 firebase_core , firebase_auth , cloud_firestore , 和 firebase_functions Flutter Web 应用程序支持。

正如@Frank van Puffelen 提到的，要在 flutter web 中使用 firebase 的全部功能，请使用 firebase-dart包装库。

还有一个Flutter Web Plugins Project Board这显示了路线图上有哪些 Flutter 插件，以及它们处于哪个开发阶段。在本次编辑时，firebase_storage是网络路线图上的下一个插件。

关于firebase - 网页中的 Flutter Firebase 实时数据库，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/59670753/

24

4

0

文章推荐： laravel - 如何清理 Laravel Telescope 调试日志

文章推荐： firebase-storage - 如何升级到 Firebase 存储规则 v2

文章推荐： python - 有没有办法在 Python (3) for 循环中做条件语句？

flutter - flutter :从 flutter 应用程序构建apk失败
我正在尝试从flutter应用程序构建apk，但出现此错误: Note: /mnt/Software/Linux/Flutter/flutter/.pub-cache/hosted/pub.dartl
flutter - 将一个 Flutter 应用程序集成到另一个 Flutter 应用程序中
我有一个名为 X 的较大应用程序，还有另一个名为 Y 的较小应用程序。他们现在彼此分开，并且工作正常。我想将应用程序 Y 集成到 X 中。我想将 Y 的代码放入 X 项目中，但它们应该有不同的 Mai
android-studio - Flutter : What are the differences between Flutter Plugin, Flutter 包和 Flutter 模块？
在android Studio中选择Create New Flutter Project，出现如下4个选项。 Flutter 应用程序 Flutter 插件 Flutter 包 flutter 模块
flutter - `ios/Flutter/Flutter.podspec` 是做什么的？
我看到我的 flutter 项目生成了一个文件 ios/Flutter/Flutter.podspec ，这个文件有什么用？如果它与生成的 Flutter.framework 有关? 我应该将它包含
flutter - 找不到 flutter 命令/flutter 医生
我尝试过的在包含flutter SDK的位置添加/编辑.bash_profile.rtf文件。导出PATH = / Users / temur / Documents / Projects / F
flutter - 设置 Flutter 日志级别/Flutter 打印数千行详细信息
Flutter 日志会打印数千个详细/垃圾邮件日志。我正在尝试调试一个复杂的应用程序，但是打印太冗长了，以至于我很难找到我自己打印的东西。有没有办法禁用详细？就像是: Logger.level.
flutter - flutter : flutter 1.22更新后，我在Lineargradient属性中遇到错误
在flutter 1.22更新之后，我在Lineargradient colors属性中遇到错误，这给我一个错误，即未定义名称colors参数。.在Android中更新flutter和flutter插
flutter - 为什么我收到错误，flutter statfulwidget flutter 中的常量值无效
在下面的代码 widget.hintText 中给出错误，我试图将日期选择器作为单独的组件，并在从其他文件调用它时动态传递提示文本值。 import 'package:date_field/date_
flutter - 为什么我收到错误，flutter statfulwidget flutter 中的常量值无效
在下面的代码 widget.hintText 中给出错误，我试图将日期选择器作为单独的组件，并在从其他文件调用它时动态传递提示文本值。 import 'package:date_field/date_
flutter - 是否必须克隆 flutter repo 才能设置 Flutter
Flutter 1.0 发布后，我正在按照步骤搭建 Flutter 开发环境。在步骤中(如所附屏幕截图所示)，它说要更新 $PATH 两次，一次使用 flutter 工具的路径 export PAT
flutter - 如何将 flutter 移动应用程序迁移到 flutter web
我有一个用 flutter 编写的移动应用程序，我想将其转换为 flutter_web 应用程序(集成 flutter_web 尚不可用)。我目前遇到包裹问题。我已按照本网站中列出的说明进行操作 h
flutter - 如何在我的 Flutter 应用程序中向我的 Flutter 路由添加自定义转换
如何向我的 Flutter 路由添加自定义转换？这是我目前的路线结构。 class MyApp extends StatelessWidget { // This widget is the
flutter-web - Flutter Webview 不适用于 Flutter web
我正在尝试通过 URL 在 webview 中显示网页。我试过 flutter_webview_plugin 插件，但是当我在浏览器上运行项目时它不起作用。在 flutter web applica
flutter - 具有动态高度的动画容器 Flutter
我正在使用 animatedContainer 在按下按钮时显示 listView.builder()。这是一个要显示的简单子(monad)列表，但问题是我不知道 ListView 构建器的高度会传递
flutter - 如何将这个lottie动画展开填满整个屏幕 - Flutter
我目前正在我的应用程序中制作渐变背景动画......我正在使用 lottie 动画的帮助下这样做!我试图将它封装在一个容器中并成功地做到了。但是有一个问题，尽管我将高度更改为大于 2000 的东西，但
flutter - flutter 中的谷歌标签管理器
美好的一天! 我无法弄清楚如何使用 google 标签管理器设置 flutter。我找到了 this package包括标签管理器 api。但是我不知道如何正确配置它。 (在网络上我只需要复制粘贴一个
flutter - 难以将商品添加到购物车 - Flutter
我的购物车模型如下 class Cart { String description; double unitCost; double amount; int quantity; S
flutter - Flutter 中的跨平台文件缓存
在 Flutter 应用程序中，我想为在线托管的资源(图像、视频等)实现缓存。我希望它能在原生平台 (Android/iOS)(例如使用文件系统)和网络(例如使用 IndexedDB)上运行。 Fl
flutter - flutter 中容器的自动高度
我写了一个页面，在顶部一切都很好，应该是这样。在底部我有一个事件的历史。我的容器的宽度是自动确定的(取决于屏幕的宽度)，而高度 - 不，在不同的设备上有不同的高度(底部的缩进是不同的)。是否可以自动确
flutter - 如何将小部件放置在可调整大小页面的特定位置？ [ flutter ]
我正在处理一个页面，其中有一些字段，例如 textfield 和 slider。在页面的末尾必须有一个用于进行下一步的按钮，该按钮被包裹在 Align 中以在页面之间具有固定位置。另一方面，resi

首页

博学

6Ren·AI

商城

firebase - 网页中的 Flutter Firebase 实时数据库