不知道如何使用 Gridsome-Plugin-Firestore

Posted 2023-03-07

【中文标题】不知道如何使用 Gridsome-Plugin-Firestore

【英文标题】：Can't Figure Out How to Use Gridsome-Plugin-Firestore

【发布时间】：2020-03-26 12:37:56

【问题描述】：

我正在尝试使用 gridsome-plugin-firestore 插件 (https://gridsome.org/plugins/gridsome-source-firestore)。我想使用该插件连接到一个名为 news 的简单 firestore 数据库集合。新闻有许多不同领域的文档：

内容 发布日期 总结 作者 标题 等

有谁知道我应该如何设置 gridsome.config 文件以使用 gridsome-plugin-firestore 插件访问此集合？我无法从给出的说明中弄清楚。

【参考方案1】：

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