如何使用firebase设置多页网站？答案

【问题标题】：how to set multi paged website using firebase?如何使用firebase设置多页网站？
【发布时间】：2020-11-09 05:52:38
【问题描述】：

我正在使用 html/css/js 和 Firebase fire-store 来存储数据以及验证用户身份的基本网站，我的网站由多个 HTML 页面组成，这些页面大多使用 Firebase 服务，我正在想知道让所有页面（以及其中的脚本）使用 Firebase 的最佳方式是什么？

我应该将 Firebase SDK 和配置代码 sn-p 复制到每个 html 页面中吗？我相信这不是一个好的做法，我怀疑它甚至会运作良好..

我怎样才能实现我想要的？是否有某种 Firebase 服务可以让我实现它？

【问题讨论】：

【解决方案1】：

Firebase 附带一个用于Firestore 的JavaScript SDK，您可以在您的场景中使用它。

设置此类网络应用程序的最常见方法是使用single-page application，以便将所有 HTML、JavaScript 和 CSS 加载到单个页面中，而无需重新加载全新的页面。这样做的一大优势是您只需加载 Firebase SDK 一次。

如果您有多个 HTML 页面，则必须将 Firebase 加载到您使用它的每个页面中。但是除了第一页之外，SDK 很可能会从用户的浏览器缓存中加载，但与单页应用程序相比，它的体验仍然较差。

为了更好地介绍单页应用程序，我建议参加Cloud Firestore for web developers codelab。作为使用 Firebase 和 Firestore 构建单页应用程序的更多介绍性教程，我推荐Get to know Firebase for web 及其companion video。

【讨论】：

感谢您的帮助我的朋友，您能否详细说明如何将 Firebase 加载到使用它的每个页面中？
我的答案中的第一个链接显示了您可以在网络应用中包含 Firebase 的方式。如果您无法根据自己的情况进行这项工作，如果您展示允许我们重现您遇到的问题的最小步骤，我们很可能会提供帮助。还有how to create a minimal, complete, verifiable example。