评论部分是为博客建立社区的好方法。最近，当我开始写博客时，我想到添加评论部分。然而，这并不容易。托管评论系统，例如 Disqus 和 Commento，也有自己的一系列问题： 他们拥有您的数据。 他们不是免费的。 您无法对它们进行太多自定义。 所以，我决定建立自己的评论系统。Firebase 似乎是运行后端服务器的完美托管替代方案。 首先，您可以获得拥有自己的数据库的所有好处：您可以控制数据，并且可以根据需要构建数据。其次，不需要设置后端服务器。您可以轻松地从前端控制它。这就像两全其美：一个没有后端麻烦的托管系统。 在这篇文章中，这就是我们要做的。我们将学习如何使用静态站点生成器 Gatsby 设置 Firebase。但这些原理可以应用于任何静态站点生成器。 让我们深入了解吧！ 什么是 Firebase？ Firebase是一种后端即服务，为应用程序开发人员提供数据库、托管、云功能、身份验证、分析和存储等工具。
是我们将在该项目中使用的功能
它是一个NoSQL 数据库。这意味着它的结构不像 SQL 数据库那样具有行、列和表。您可以将其视为一棵大型 JSON 树。 项目简介 让我们通过克隆或从 GitHub下载存储库来初始化项目。 我为每个步骤创建了两个分支（一个在开始，一个在结束），以便您更轻松地跟踪我们所做的更改。 让我们使用以下命令运行该项目： 复制 如果您在浏览器中打开该项目，您将看到一个基本博客的基本框架。 基础博客 （大预览） 评论区打不开。它只是加载示例评论，并在提交评论后将详细信息记录 萨尔瓦多电话号码列表 控制台。 我们的主要任务是让评论部分正常工作。 认识移动界面的触摸设计，的全新移动设计指南，具有经过验证的、通用的、以人为本的指南。400 页，充满了深入的用户研究和最佳实践。 跳转至目录 ↬ 功能面板 评论部分如何运作 在做任何事情之前，让我们先了解一下注释部分的代码是如何工作的。 四个组件正在处理评论部分 首先，我们需要识别帖子的评论。
这可以通过为每个博客文章创建
个唯一的 ID 来完成，或者我们可以使用始终唯一的 slug。 该blog-post.js文件是所有博客文章的布局组件。这是获取博客文章内容的完美切入点。这是使用 查询完成的。 复制 文件中的下一个是Comment组件。如果有任何子评论传递给该组件，则该组件会显示子评论。否则，它会呈现一个回复框，可以通过单击“回复”按钮或“取消回复”按钮来打开和关闭该回复框。 复制 现在我们已经有了一个概述，让我们完成发表评论部分的步骤。 只需几行代码即可添加高级 JavaScript 组件，例如数据网格、图表、调度程 AO 列表 序和日历。 天免费试用 1. 添加 Firebase 首先，让我们为我们的项目设置 。 从注册开始。转到Firebase并注册 帐户。如果您没有，请单击“开始”。 单击“添加项目”以添加新项目。为您的项目添加名称，然后单击“创建项目”。 初始化 （大预览） 创建项目后，我们需要设置 。 在左侧菜单中，单击“数据库”。打开显示“Cloud Firestore”的页面后，单击“创建数据库”以创建新的 Cloud Firestore 数据库。
