随着前端开发的快速发展，很多公司开始将在线表格与前端应用程序进行集成。 Google Sheets 是一个流行的在线电子表格应用程序，它可以在许多项目中用于存储和管理数据。
Node Package Manager（NPM）是一种在 JavaScript 开发中广泛使用的工具，可以让开发人员轻松地安装，升级和管理外部软件包。在这篇文章中，我们将介绍如何使用 NPM 包 google-spreadsheets 将 Google Sheets 中的数据与前端应用程序集成。
安装和配置
在继续之前，请确保您具有以下要求：
- 已经创建了 Google Sheets 文档或表格，或者您可以使用示例文档。
- 已经创建了 Google API 服务账号并授予它访问 Sheets 的权限。 如果您不知道如何创建和配置服务账号，请阅读 Google API文档。
使用以下命令安装 Google Spreadsheets 包：
npm install google-spreadsheets
现在，让我们开始使用这个 NPM 包。您需要在项目中包含以下模块：
const { GoogleSpreadsheet } = require('google-spreadsheet');
const credentials = require('path/to/your/service-account.json');
const doc = new GoogleSpreadsheet('YOUR_SHEET_ID');请确保将正确的凭据路径传递给 credentials 和正确的文档 ID 传递给 GoogleSpreadsheet。您可以在 Google Sheets 中找到您的文档ID。它应该是URL的一部分：
https://docs.google.com/spreadsheets/d/YOUR_SHEET_ID/edit#gid=0
认证和授权
要访问 Sheets 数据，您必须进行身份验证并授予访问权限。为此，请使用您的服务账户凭证创建一个访问令牌：
await doc.useServiceAccountAuth(credentials);
此代码行将使用您的凭据来进行身份验证。 现在，您可以查看 Sheets 文档并获取数据。
读取数据
要读取文档中的数据，请遵循以下步骤：
- 打开 Sheets 表格：
await doc.loadInfo();
- 确定表格中的工作表数量：
console.log(doc.sheetCount);
- 获取表格中的第一个工作表：
const sheet = doc.sheetsByIndex[0];
或者，您可以使用以下命令获取表格中的工作表：
const sheet = doc.sheetsById[YOUR_SHEET_ID]; const sheet = doc.sheetsByTitle['工作表标题'];
- 获取工作表中的所有行和列：
await sheet.loadCells(); const rows = sheet.rowCount; const columns = sheet.columnCount;
- 获取特定单元格的值：
const cell = sheet.getCell(row, col); console.log(cell.value);
下面是获取所有数据并以 JSON 形式返回它们的完整示例代码：
-- -------------------- ---- -------
----- -------- ----------
----- ---------------------------------------
----- ---------------
----- ----- - ------------------------------
----- ------------------
----- ---- - ---------------
----- ------- - ------------------
--- ---- - ---
-- ------
--- ---- - - -- - - ----- ---- -
--- --- - ---
--- ---- - - -- - - -------- ---- -
----- ---- - ---------------- ---
---------------------- - -----------
-
---------------
-
------------------
-写入数据
要向 Sheets 表格写入数据，请执行以下步骤：
- 打开 Sheets 表格并获取工作表：
await doc.useServiceAccountAuth(credentials); await doc.loadInfo(); const sheet = doc.sheetsByIndex[0];
- 在表格中写入数据：
const newRow = await sheet.addRow({ Name: 'John', Email: 'john@example.com' });请注意，此命令将在表格的最后一行添加行。 如果您需要在表格中的特定行处写入数据，则必须先确定它的位置。 您可以使用以下命令确定特定行的位置：
const rows = await sheet.getRows(); const row = rows.find(r => r.Name === 'John');
现在您可以将数据写入特定行。
下面是将数据写入表格的完整示例代码：
-- -------------------- ---- ------- ----- -------- ------------ ----- --------------------------------------- ----- --------------- ----- ----- - --------------------- -------- ----- ------ - ----- -------------- ----- ------- ------ ------------------ --- -- ------ ----- ---- - ----- ---------------- ----- --- - ----------- -- ------ --- -------- -------- - ------- ----------- -
总结
在本文中，我们学习了如何使用 NPM 包 google-spreadsheets 将 Google Sheets 中的数据与前端应用程序集成。我们具体介绍了如何安装和配置该软件包，如何身份验证和授权，以及如何读取和写入表格中的数据。
此外，我们提供了完整的示例代码，方便您学习和使用。 现在您可以轻松地将 Google Sheets 和前端应用程序合并，使您的工作变得更加轻松、高效和准确。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/82034