google-cloud-firestore - 使用 Sapper 设置 Firestore

Question

我正在尝试找出使用 sapper 设置 Firestore 的最佳方法.我特别问的是工兵(不是 slim )。

关于这个主题的教程很少，我看到的那些我不确定。它们涉及修改 template.html 文件——我不确定这是否是个好主意。

所以，简而言之，我想知道在将 Firestore 与 sapper 同步方面的最佳实践是什么。

有任何想法吗？

谢谢。

Answer 1

有多种方法可以使用 Firestore 设置 sapper。您使用哪种方法将取决于您正在构建的内容的要求和目标。
修改template.html只要保留the sapper tokens，修改template.html 就没有问题应用程序运行所必需的。您可能会在 %sapper.scripts% 之前包含全局脚本依赖项，例如 firebase 客户端。 token (请参阅您提到的那些教程)。
在 Sapper 更新的情况下，您可能需要更新 template.html — 工兵团队可能会通知您 the migration documents 中的必要更改.
此方法适用于部署到 Firebase 托管和使用 sapper export ，因为您加载了 Firebase 客户端库以与 Firestore 交互。
使用 Firebase Admin SDK + Sapper 服务器路由(CRUD 端点)
这种方法用于将 sapper 部署为服务器——或者更确切地说，不是 使用 sapper export .
如果您不想使用客户端库，并且确实想充分利用服务器端渲染 (SSR)，则可以结合使用 Firebase Admin SDK 和 Sapper 的服务器路由(又名 CRUD 端点)。 Firebase Admin SDK 包含所有 Firebase 产品，因此其中包含 Firestore。
使用 Firebase Admin SDK 操作 Firestore 文档的高级方法:

使用 Sapper 的 "Server Routes"在 Firestore 中保存/获取文档

使用 Sapper 的 preload function为服务器端渲染加载文档/数据

使用浏览器的fetch api 通过 Sapper 服务器路由创建、读取或更新文档。

要设置 Firebase Admin SDK，您可以按照 instructions for setting up Firestore via the Firebase documentation ，并选择 Node.js 作为代码示例(注意，使用 Sapper 您可以使用 ES 模块 import 而不是 require 语句)。
示例存储库
我目前正在开发的一个项目在上面概述的方法中使用 Sapper+Firestore 用于类似 CMS 的仪表板。 It is opensource on Github, so feel free to reference it .