REST API Google表格-在客户端JS中使用

Question

有什么方法可以使用Google表格在网络浏览器中直接从客户端JavaScript直接写入和读取数据吗？

数据安全在这里不是问题。 我只需要一些免费的小型数据库，即可安装没有Web服务器的单页Web应用程序。

Answer 1

是的，有办法。 有时我用谷歌表来保存表格数据。 所以我不会给您完整的解决方案，但这可能是一个很好的起点。

• 在Google表格中创建或打开电子表格。
• 选择菜单项“工具”>“脚本编辑器”。 如果出现欢迎屏幕，请单击左侧的空白项目以启动新项目。
• 在脚本编辑器中删除任何代码。 只需将代码复制并粘贴到脚本编辑器中：

 // 1. Enter sheet name where data is to be written below var SHEET_NAME = "Sheet1"; // 2. Run > setup // // 3. Publish > Deploy as web app // - enter Project Version name and click 'Save New Version' // - set security level and enable service (most likely execute as 'me' and access 'anyone, even anonymously) // // 4. Copy the 'Current web app URL' and post this in your form/script action // // 5. Insert column names on your destination sheet matching the parameter names of the data you are passing in (exactly matching case) var SCRIPT_PROP = PropertiesService.getScriptProperties(); // new property service // If you don't want to expose either GET or POST methods you can comment out the appropriate function function doGet(e){ return handleResponse(e); } function doPost(e){ return handleResponse(e); } function handleResponse(e) { // shortly after my original solution Google announced the LockService[1] // this prevents concurrent access overwritting data // [1] http://googleappsdeveloper.blogspot.co.uk/2011/10/concurrency-and-google-apps-script.html // we want a public lock, one that locks for all invocations var lock = LockService.getPublicLock(); lock.waitLock(30000); // wait 30 seconds before conceding defeat. try { // next set where we write the data - you could write to multiple/alternate destinations var doc = SpreadsheetApp.openById(SCRIPT_PROP.getProperty("key")); var sheet = doc.getSheetByName(SHEET_NAME); // we'll assume header is in row 1 but you can override with header_row in GET/POST data var headRow = e.parameter.header_row || 1; var headers = sheet.getRange(1, 1, 1, sheet.getLastColumn()).getValues()[0]; var nextRow = sheet.getLastRow()+1; // get next row var row = []; // loop through the header columns for (i in headers){ if (headers[i] == "Timestamp"){ // special case if you include a 'Timestamp' column row.push(new Date()); } else { // else use header name to get data row.push(e.parameter[headers[i]]); } } // more efficient to set values as [][] array than individually sheet.getRange(nextRow, 1, 1, row.length).setValues([row]); // return json success results return ContentService .createTextOutput(JSON.stringify({"result":"success", "row": nextRow})) .setMimeType(ContentService.MimeType.JSON); } catch(e){ // if error return this return ContentService .createTextOutput(JSON.stringify({"result":"error", "error": e})) .setMimeType(ContentService.MimeType.JSON); } finally { //release lock lock.releaseLock(); } } function setup() { var doc = SpreadsheetApp.getActiveSpreadsheet(); SCRIPT_PROP.setProperty("key", doc.getId()); } 

• 发布>部署为Web应用程序。
• 选择您的安全性选项。 然后按“部署”
• 现在将为您生成URL，在我的情况下，该URL为： https : //script.google.com/macros/s/AKfycbyRs2qfvz5-qmhyFPVmpm0hayjcofsDIcnypkb_Zz0fDzriMWAb/exe
• 使用链接之前，请不要忘记运行“运行”>“设置”。
• 最后，您可以通过将表单数据发布到URL将数据发送到工作表。 工作表的第一行应包含您计划保存的字段名称。 在这种情况下，请在A1：名称，B1：邮件和C1->注释中输入。

  <form id="form" action="YOUR_URL"> <label>Name</label><br /> <input name="Name" type="text" value="" /><br /> <label>Email</label><br /> <input name="Email" type="text" value="" /><br /> <label>Comment</label><br /> <textarea name="Comment" /><br /> <input type="submit" value="Send" /> </form> 

现在，您可以使用javascript将数据发送到您的URL。 如果您仔细查看网址，则可以找到电子表格的密钥。 我的文档密钥是：10vmpPMTBqsXYsTH20a_kU-GTJ06KYxXWg-E2aAtm_dM

可通过以下网址获取任何Google Spreadsheet的JSON供稿：

JSON格式： https ： //spreadsheets.google.com/feeds/list/YOUR_KEY/od6/public/basic？ alt = json

因此，应该在访问JSON URL之前发布您的文档。