Gridsome 文档比 npm 版本更清晰一些,但是您需要生成 Firebase Admin SDK 私钥并将整个文件下载到您的 Gridsome 应用程序并将其作为模块导入到 gridsome.config.js 中,随意命名选项 > 凭据:要求字段如下。
首先,您需要 Firestore 插件
$ yarn add gridsome-source-firestore
然后在 gridsome.config.js
const { db } = require('gridsome-source-firestore')
module.exports = {
plugins: [
{
use: 'gridsome-source-firestore',
options: {
credentials: require('./my-project-firebase-adminsdk-qw2123.json'), //
Replace with your credentials file you downloaded.
debug: true, // Default false, should be true to enable live data updates
ignoreImages: false, // Default false
imageDirectory: 'fg_images', // Default /fg_images
collections: [
{
ref: (db) => {
return db.collection('news')
},
slug: (doc, slugify) => {
return `/news/${slugify(doc.data.title)}`
},
children: [
{
ref: (db, parentDoc) => {
return parentDoc.ref.collection('posts')
},
slug: (doc, slugify) => {
return `/${slugify(doc.data.title)}`
},
}
]
}
]
}
}
]
}
您可能需要根据您的数据库结构将“帖子”更改为“内容”并更改相应的页面查询以适应,Github 上的这个 Gridsome Firestore 启动器中有一些示例和其他有用的设置信息https://github.com/ u12206050/gridsome-firestore-starter.git