在 Flutter Web 中实现 Firebase 分析

Posted

技术标签:

【中文标题】在 Flutter Web 中实现 Firebase 分析【英文标题】:Implement Firebase Analytics in Flutter Web 【发布时间】:2021-11-21 09:20:40 【问题描述】:

尝试为此找到一些可靠的文档/说明。似乎任何人都在猜测应该将什么添加到 web 目录中的 index.html 文件中。截断的 Firebase 控制台在配置应用程序时为您提供仍然会导致 this issue,由于某种原因已关闭,即使线程中没有解决方案。对于上下文,我所做的只是导入 firebase_analytics 依赖项并复制/粘贴在 index.html 的 <body> 部分的 firebase 控制台中提供的 CDN 片段。我试着把它放在开头,最后,它仍然导致黑屏和控制台中的这个错误:

TypeError:无法读取未定义的属性(读取“分析”) 在 Object.analytics$ [作为分析] (http://localhost:62421/packages/firebase/src/top_level.dart.lib.js:110:102) 在新的 firebase_analytics_web.FirebaseAnalyticsWeb.new (http://localhost:62421/packages/firebase_analytics_web/firebase_analytics_web.dart.lib.js:63:64)

在official documentation 中找不到任何可以说明如何解决此问题的内容。

任何帮助都会受到重视。此外,如果实现尚未准备好或由于任何原因无法正常工作,我将非常感谢 Flutter 或 Firebase 团队指定这一点,这样我就不会花费数小时在最终烦躁不安的不同版本的 sdk 和其他设置上,希望盲目偶然发现了一个工作配置。

【问题讨论】:

你能分享一下index-html的相关部分是什么样子的吗,你是如何初始化Firebase的? 【参考方案1】:

在网络中,将 firebase-analytics javascript SDK 添加到您的 index.html 文件中: 更多信息https://firebase.flutter.dev/docs/analytics/overview/#2-download-dependency

【讨论】:

以上是关于在 Flutter Web 中实现 Firebase 分析的主要内容,如果未能解决你的问题,请参考以下文章

在 Flutter Web 中实现 Firebase 分析

如何在 PaginatedDataTable Flutter Web 中实现搜索

如何为 Flutter Web 添加 Firebase 预构建的身份验证 UI?

在 Flutter 中实现双向列表视图

在 Flutter 中实现 Admob 原生广告

如何在 Flutter 中实现 SingleLine 水平 CalendarView