前言
在 Web 前端开发日益复杂的工作中,如何高效地获取数据和管理数据成为一个重要的问题。Symfony、Laravel 等一些后端框架已经提供了非常成熟的数据库管理工具,而在前端中,一些类似的工具也不断地涌现。其中,npm 包 metalsmith-google-sheets 就是一个非常好的选择。
metalsmith-google-sheets 能够将谷歌表格中的数据以 json 的格式导入到项目中,极大的简化了前端数据管理的工作,也保证了数据的实时性。本教程将介绍 metalsmith-google-sheets 的详细使用方法。
安装 metalsmith-google-sheets
安装 metalsmith-google-sheets 只需要执行一条命令即可:
npm install 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