javascript - 如何在所有文档中使用 Firebase?

标签 javascript jquery google-cloud-firestore

我的 firebase 已在我的 index.html 中设置和初始化,但我只能在那里使用它。有没有办法在所有文档上使用它?

它是在我的索引页面中设置的,然后我在一个单独的 JS 文件上使用数据库和 JQuery 来操作该索引页面中的内容。我在另一个 HTML 页面上做类似的事情,但是当我调用一个函数时,它什么也没做/无法获取数据。我想我也应该在该页面上初始化数据库(当然,在脚本标签内,只需复制/粘贴代码即可初始化),而且这也没有做任何事情。我也尝试过在 JS 代码中初始化它,这似乎是最直观的做法,但也不起作用。

我使用以下内容初始化数据库:

var firebaseConfig = {...}
firebase.initializeApp(firebaseConfig);
var db = firebase.firestore();

然后就在下面,我可以在 JS 中调用一个函数,它使用数据库信息。但是当我在另一个 HTML 文档中调用函数时,它不会使用数据库。

我之前已经在 J​​S 文件本身中初始化了它,这让我得到了我想要的东西,但由于某种原因我不能再这样做了。

最佳答案

一旦您从一个页面导航到下一个页面,您的浏览器几乎会忘记上一页的任何内容。这意味着您需要将 Firebase 包含到您使用它的任何页面中。

Firebase 通常用于所谓的单页应用程序,这些应用程序作为单个真实页面实现,但在该页面内模拟许多应用程序屏幕。这样他们只需要包含/加载 Firebase 一次,但仍然可以向用户显示多个屏幕。如果您对这种方法感兴趣,我建议您研究一些常见的单页应用程序框架,例如 Angular、React 和 Vue。

关于javascript - 如何在所有文档中使用 Firebase?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57826162/

相关文章:

firebase - Firestore 查询中的 Flutter 传递文档 ID

android - 弹出的 React Native 应用程序无法到达 Firestore 后端

javascript - 使用 jQuery 替换类名的最佳实践是什么?

javascript 关闭立即评估

javascript - 按值对对象数组中的每个对象进行排序

javascript - jQuery 中简单的 get API 调用

jquery - 如何使用具有多个值的 @Html.DropDownList

jquery - 高度在 jQuery 中返回元素的 0

firebase - 带有 VueJS 2 数据的 Firestore where 子句

javascript - 在 Javascript 中设置属性的默认值