如何在所有文档中使用Firebase？

Question

我的firebase已在index.html中设置并初始化，但是我只能在那使用它。有什么办法可以在所有文档上使用它吗？

它是在我的索引页面中设置的，然后我在单独的JS文件上使用数据库和JQuery来操纵该索引页面中的内容。我在另一个HTML页面上做了类似的事情，但是当我调用一个函数时，它什么也不做/无法获取数据。我以为我也应该在该页面上初始化数据库（当然，在脚本标签内，只需复制/粘贴要初始化的代码即可），这也无济于事。我也尝试在JS代码中对其进行初始化，这似乎是最直观的操作，但这也不起作用。

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

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

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

我之前已经在JS文件本身中对其进行了初始化，这使我得到了想要的东西，但由于某种原因我无法再次进行。

Answer 1

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

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