如何仅使用 Javascript 访问 Google Sheets 电子表格？

Question

我想仅使用 JavaScript（无 .NET、C#、Java 等）访问 Google 电子表格

我来了

请告诉我如何使用 JavaScript 或其任何框架（如 jQuery）访问（创建/编辑/删除）Google Sheets。

Answer 1

要点如下。

您可以使用 Google Sheets API。目前无法使用 API 删除电子表格（请阅读文档）。将 Google Docs API 视为创建和查找文档的途径。

您可以使用基于工作表的 Feed 在电子表格中添加/删除工作表。

可以通过基于列表的 Feed 更新电子表格或基于单元格的 Feed。

可以通过上述 Google Spreadsheets API 读取电子表格，或者仅针对已发布的工作表，使用 Google Visualization API 查询语言来查询数据（它可以返回 CSV、JSON 或 HTML 表格格式的结果）。

---

忘记 jQuery。只有当您遍历 DOM 时，jQuery 才真正有价值。由于 GAS（Google Apps 脚本）不使用 DOM，jQuery 不会为您的代码添加任何价值。坚持香草。

我真的很惊讶没有人在答案中提供这些信息。不仅可以做到这一点，而且使用普通 JS 相对容易做到。唯一的例外是 Google Visualization API，它相对较新（截至 2011 年）。可视化 API 还专门通过 HTTP 查询字符串 URI 工作。

Answer 2

有一种解决方案不需要发布电子表格。但是，该工作表确实需要“共享”。更具体地说，需要以一种任何知道链接的人都可以访问电子表格的方式共享工作表。完成此操作后，即可使用 Google Sheets HTTP API。

首先，您需要一个 Google API 密钥。前往这里：
https://developers.google.com/places/web-service/get -api-key
注意。请注意向公众提供 API 密钥的安全后果：https://support .google.com/googleapi/answer/6310037

获取电子表格的所有数据 - 警告，这可能会包含大量数据。

https://sheets.googleapis.com/v4/spreadsheets/{spreadsheetId}/?key={yourAPIKey}&includeGridData=true

获取工作表元数据

https://sheets.googleapis.com/v4/spreadsheets/{spreadsheetId}/?key={yourAPIKey}

获取一系列单元格

https://sheets.googleapis.com/v4/spreadsheets/{spreadsheetId}/values/{sheetName}!{cellRange}?key={yourAPIKey}

现在有了这些信息，就可以使用 AJAX 检索数据，然后在 JavaScript 中对其进行操作。我建议使用 axios。

var url = "https://sheets.googleapis.com/v4/spreadsheets/{spreadsheetId}/?key={yourAPIKey}&includeGridData=true";                                                             
axios.get(url)
  .then(function (response) {
    console.log(response);                                                                                                                                                    
  })
  .catch(function (error) {
    console.log(error);                                                                                                                                                       
  });                

Answer 3

2016 更新：最简单的方法是使用 Google Apps Script API，特别是 电子表格服务。这适用于私人工作表，与需要发布电子表格的其他答案不同。

这将允许您将 JavaScript 代码绑定到 Google 表格，并在打开表格或选择菜单项（您可以定义）时执行它。

这是快速入门/演示。代码如下所示：

// Let's say you have a sheet of First, Last, email and you want to return the email of the
// row the user has placed the cursor on.
function getActiveEmail() {
  var activeSheet = SpreadsheetApp.getActiveSheet();
  var activeRow = activeSheet.getActiveCell().getRow();
  var email = activeSheet.getRange(activeRow, 3).getValue();

  return email;
}

您还可以将此类脚本发布为网络应用。

Answer 4

编辑：这个问题在 Google 文档的 API 发布之前就已得到解答。请参阅 Evan Plaice 的回答 和 Dan Dascalescu 的回答了解更多最新信息
信息。

看起来好像可以，但使用起来很痛苦。它涉及使用 Google 数据 API。

http://gdatatips.blogspot.com/ 2008/12/using-javascript-client-library-w-non.html

“JavaScript 客户端库具有用于日历、通讯录、Blogger 和 Google Finance 的辅助方法。但是，您可以将它与几乎任何Google Data API 用于访问经过身份验证的/私人提要。此示例使用 DocList API。”

以及编写与电子表格交互的小工具的示例：http://code.google.com /apis/电子表格/小工具/

Answer 5

“JavaScript 访问 Google 文档”实施起来会很乏味，而且 Google 文档也不是那么容易获取的。我有一些很好的链接可以分享，通过它们你可以实现 js 对 gdoc 的访问：

http://code.google.com/apis/文件/docs/3.0/developers_guide_protocol.html#UploadingDocs

http://code.google.com/apis/spreadsheets/gadgets/

http://code.google.com/apis/gdata/docs/ js.html

http://www.mail-archive。 com/[电子邮件受保护]/msg01924.html

也许这些会有所帮助你出去..

Answer 6

抱歉，这是一个糟糕的答案。显然，这个问题已经存在近两年了，所以问题不要屏住呼吸。

以下是官方请求，您可以" star"

也许您能想到的最接近的方法就是使用 Google App Engine 推出您自己的服务/Python 并使用您自己的 JS 库公开您需要的任何子集。尽管我很想自己有更好的解决方案。

Answer 7

在这个快速变化的世界中，大多数链接都已经过时了。

现在您可以使用 Google 云端硬盘 Web API：

• Java
• PHP
• Javacript
• .NET
• Python
• Ruby
• 以及其他...

Answer 8

您可以使用 Sheetsee.js 和 tabletop.js

1. 来自 git 的示例
2. 另一个示例

Answer 9

您可以使用 RGraph 工作表连接器以 JavaScript 读取 Google Sheets 电子表格数据：

https://www.rgraph.net/canvas/docs/import-data-from-google-sheets.html

最初（几年前）这依赖于一些 RGraph 函数来发挥其魔力- 但现在它可以独立工作（即不需要RGraph公共库）。

一些示例代码（此示例制作一个 RGraph 图表）：

<!-- Include the sheets library -->
<script src="RGraph.common.sheets.js"></script>

<!-- Include these two RGraph libraries to make the chart -->
<script src="RGraph.common.key.js"></script>
<script src="RGraph.bar.js"></script>

<script>
    // Create a new RGraph Sheets object using the spreadsheet's key and
    // the callback function that creates the chart. The RGraph.Sheets object is
    // passed to the callback function as an argument so it doesn't need to be
    // assigned to a variable when it's created
    new RGraph.Sheets('1ncvARBgXaDjzuca9i7Jyep6JTv9kms-bbIzyAxbaT0E', function (sheet)
    {
        // Get the labels from the spreadsheet by retrieving part of the first row
        var labels = sheet.get('A2:A7');

        // Use the column headers (ie the names) as the key
        var key = sheet.get('B1:E1');

        // Get the data from the sheet as the data for the chart
        var data   = [
            sheet.get('B2:E2'), // January
            sheet.get('B3:E3'), // February
            sheet.get('B4:E4'), // March
            sheet.get('B5:E5'), // April
            sheet.get('B6:E6'), // May
            sheet.get('B7:E7')  // June
        ];

        // Create and configure the chart; using the information retrieved above
        // from the spreadsheet
        var bar = new RGraph.Bar({
            id: 'cvs',
            data: data,
            options: {
                backgroundGridVlines: false,
                backgroundGridBorder: false,
                xaxisLabels: labels,
                xaxisLabelsOffsety: 5,
                colors: ['#A8E6CF','#DCEDC1','#FFD3B6','#FFAAA5'],
                shadow: false,
                colorsStroke: 'rgba(0,0,0,0)',
                yaxis: false,
                marginLeft: 40,
                marginBottom: 35,
                marginRight: 40,
                key: key,
                keyBoxed: false,
                keyPosition: 'margin',
                keyTextSize: 12,
                textSize: 12,
                textAccessible: false,
                axesColor: '#aaa'
            }
        }).wave();
    });
</script>

Answer 10

对于此类事情，您应该使用 Google Fusion Tables。 API 就是为此目的而设计的。

Answer 11

我创建了一个简单的 javascript 库，它通过 JSON api 检索 google 电子表格数据（如果已发布）：

https://github.com/mikeymckay/google-spreadsheet-javascript

您可以在此处查看其实际效果：

http://mikeymckay.github.com/google-spreadsheet-javascript/sample.html

Answer 12

2018 年 1 月更新：当我去年回答这个问题时，我忽略了使用 JavaScript 访问 Google API 的第三种方式，那就是使用 Node.js 应用它的客户端库，所以我在下面添加了它。

现在是 2017 年 3 月，这里的大多数答案都已过时 - 接受的答案现在指的是使用较旧 API 版本的库。最新答案：您只需使用 JavaScript 即可访问大多数 Google API 。 Google 今天提供了 2 种（更正，3 种）方法来执行此操作：

1. 正如 Dan Dascalescu 的回答中提到的，您可以使用Google Apps 脚本，Google 云中的 JavaScript 解决方案。也就是说，在 Google 服务器上运行的浏览器之外的非 Node 服务器端 JS 应用程序。

• 您可以在Apps 脚本代码编辑器中编写应用程序代码，它们可以通过两种不同的方式访问 Google 表格：
  • 电子表格服务（原生对象支持；使用指南)；本机更容易，但通常比...更旧
  • Google 表格高级服务（直接访问最新的 Google 表格 REST） API [参见下文]；使用指南）
• Apps 脚本还支持插件，并且您可以扩展带有表格插件的表格 UI 功能（例如这些）
• 您甚至可以编写 移动插件，扩展了 Android 上的表格应用
• 了解有关使用应用的详情脚本，请观看这些视频 我已经创建了（大部分涉及使用表格）

2. 您也可以使用适用于 JavaScript 的 Google API 客户端库，用于访问最新的 Google 表格客户端的 REST API。

• 是使用客户端库的一些通用示例
• 以下 Sheets API (v4) 已在 Google I 发布 /O 2016；它比所有以前的版本都更强大，使开发人员能够以编程方式访问 Sheets UI 中的大多数功能。
• 这是 API 的 JavaScript 快速入门可帮助您入门
• 以下是示例核心 API 请求的“recipes”（JSON 有效负载）
• 如果您对 Python 不“过敏”（如果您是，就假装它是伪代码；）），我用更多“真实世界”示例制作了几个视频如果需要，您可以学习使用 API 的方法并迁移到 JS（注意：尽管它是 Python 代码，但大多数 API 请求都有 JSON 且可以轻松移植到 JS）：
  1. 将 SQL 数据迁移到工作表（代码深入帖子）< /里>
  2. 使用以下命令设置文本格式Sheets API（深入研究代码 帖子）
  3. 从电子表格数据生成幻灯片（代码深入帖子）
  4. Sheets API 视频库中的这些内容和其他内容

3. 使用 JavaScript 访问 Google API 的第三种方法是从服务器上的 Node.js 客户端库 -边。它的工作原理与使用上面描述的 JavaScript（客户端）客户端库类似，只是您将从服务器端访问相同的 API。以下是表格的Node.js 快速入门示例。您可能会发现上面基于 Python 的视频更加有用，因为它们也从服务器端访问 API。

使用REST API时，您需要管理&存储您的源代码并通过滚动您自己的授权代码来执行授权（请参阅上面的示例）。 Apps 脚本代表您处理此问题，管理数据（减少 Ape-in​​ago 在他们的答案中提到的“痛苦” ），并且您的代码存储在 Google 的服务器上。但是您的功能仅限于 App Script 提供的服务，而 REST API 为开发人员提供了更广泛的 API 访问权限。但是嘿，有选择是件好事，对吧？总之，为了回答OP原来的问题，开发人员有三种方式使用JavaScript访问Google表格，而不是零。