前言
在 Web 前端开发日益复杂的工作中，如何高效地获取数据和管理数据成为一个重要的问题。Symfony、Laravel 等一些后端框架已经提供了非常成熟的数据库管理工具，而在前端中，一些类似的工具也不断地涌现。其中，npm 包 metalsmith-google-sheets 就是一个非常好的选择。
metalsmith-google-sheets 能够将谷歌表格中的数据以 json 的格式导入到项目中，极大的简化了前端数据管理的工作，也保证了数据的实时性。本教程将介绍 metalsmith-google-sheets 的详细使用方法。
安装 metalsmith-google-sheets
安装 metalsmith-google-sheets 只需要执行一条命令即可：
--- ------- ------------------------
准备谷歌 Sheets API 配置
使用 metalsmith-google-sheets 需要事先配置谷歌 Sheets API。具体可以如下操作：
- 登录到 Google Cloud Platform 并创建一个新项目
- 打开 API & Services 内的控制面板，并搜索 Sheets API
- 启用 Sheets API
- 创建一个 OAuth 认证信息
- 将 OAuth 认证信息下载到本地并将其重命名为
google-credentials.json
配置实例
下面是一个例子。在该例子中，我们将从一个名为 "Example" 的谷歌表格中提取数据并将其导出到 ./build/index.json 文件中。
----- ---------- - ----------------------
----- ------ - ------------------------------------
---------------------
------------
-----------
------ ------------------------- ---------
--
-----
--------
----- -
------------ ----------------------------
------- ---------------------------------------------------------
--
-------------- ----------------------
------- ----------
--
-
-----------------------
------------ ------ -- -
-- ----- ----- ----
---参数说明
auth：ObjectkeyFilename：String，保存 Google Cloud Platform OAuth 认证信息的 JSON 文件路径。scopes：Array，OAuth 认证的访问范围。
spreadsheetId：String，谷歌表格的 ID。sheets：Array，需要导出的表格名称。
结语
metalsmith-google-sheets 是一个非常好用的 npm 包，可以轻松地导入谷歌表格中的数据到前端项目中，这对于需要更高效的管理数据的前端开发人员来说是非常实用的。本文对此进行了详细的介绍，希望对大家有所帮助。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/60066f3f1d8e776d08040bb5