用Sapper建立Firestore

使用firestore设置sapper有多种方法。您使用哪种方法将取决于您正在构建的内容的需求和目标。

template.html

修改文件没有问题模板.html只要你保持 the sapper tokens 应用程序运行所必需的。您可能会在 %sapper.scripts% 令牌(请参阅您提到的那些教程)。

在Sapper更新的情况下,您可能需要更新 工兵队很可能会通知你在战斗中所需要的改变 the migration documents .

sapper export ,因为您加载了Firebase客户端库以与Firestore交互。

使用Firebase Admin SDK+Sapper服务器路由(CRUD端点)

这种方法用于将sapper部署为服务器或者更确切地说, 不 使用 工兵出口

如果您不想使用客户端库,并且您确实想充分利用服务器端呈现(SSR),那么您可以利用Firebase管理SDK和Sapper的服务器路由(aka CRUD endpoints)。Firebase管理SDK包含所有Firebase产品,因此Firestore也包含在其中。

使用Firebase Admin SDK操作Firestore文档的高级方法:

• 使用Sapper的 "Server Routes"
• 使用Sapper的 preload function 为服务器端呈现加载文档/数据
• 使用浏览器的 fetch 通过Sapper服务器路由创建、读取或更新文档的api。

要设置Firebase Admin SDK,您可以按照 instructions for setting up Firestore via the Firebase documentation 节点.js import 而不是 require 声明)。

示例存储库

我目前正在开发的一个项目使用Sapper+Firestore作为类似CMS的仪表板。 It is opensource on Github, so feel free to reference it

我喜欢用 RxFire RxJs 火基在苗条的地方火基.js文件来处理firebase配置和初始化。

为了开始,我建议您查看文档。要安装这些软件包,您只需在终端中运行以下程序。

npm i rxfire firebase rxjs