REST API Google Sheets -从客户端JS使用
REST API Google Sheets - use from client JS
是否有任何方法如何使用谷歌表写入和读取数据直接从客户端javascript在web浏览器?
数据安全在这里不是问题。我只是需要一些小的免费数据库单页web应用程序没有web服务器。
是的,有一个方法。有时我使用谷歌表来保存表单数据。所以我不会给你完整的解决方案,但这可能是一个很好的起点。
- 在Google Sheets中创建或打开电子表格。
- 选择菜单项Tools> Script editor。如果出现一个欢迎屏幕,请单击左侧的Blank Project以启动一个新项目。
- 删除脚本编辑器中的所有代码。然后简单地复制并粘贴代码到脚本编辑器中:
// 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
- 在使用链接之前不要忘记运行> Setup.
- 最后,您可以通过将表单数据发送到你的URL。表格的第一行应该包含您计划保存的字段的名称。在本例中,用A1: Name, B1: Mail和C1-> Comment。
<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电子表格的JSON提要都可以在:
JSON格式:https://spreadsheets.google.com/feeds/list/YOUR_KEY/od6/public/basic?alt=json
当然你的文档应该在访问JSON URL之前发布。
相关文章:
- AJAX 将数据从客户端(JS)发送到服务器(PHP)
- 如何检查当前用户电子邮件是否已在客户端js文件中验证
- 对 Drupal 站点的客户端 JS 问题进行故障排除
- Xpages:如何实现客户端JS代码的本地化
- 授权客户端JS API调用Google'的具有现有访问令牌的gap库
- 如何使用express/mongoose和客户端JS将HTML类发布到mongoDB集合中
- 如何从服务器端强制刷新客户端js
- ASP.NET MVC - 在客户端 JS 中访问 C# 字符串
- 客户端 js 获取节点.js API 调用
- 谷歌客户端.js Oauth2拒绝显示iFrame
- 如何实现Mozilla的客户端JS / HTML5 pdf查看器
- Trello - 引用客户端.js文件,无法在 Trello.authorize API 中调用类型“Success”的
- 在服务器端(PHP / MySQL)或客户端(js)排序
- 如何在nodejs的浏览器中对http GET上的客户端js文件进行模糊处理
- 将车把变量传递给客户端 js 文件
- 客户端JS:返回异步请求的串联
- 如何在nodejs中使用客户端js代码
- ExpressJS中的每个模块都有单独的客户端js
- 如何在客户端(js)和服务器(php)上获得时间戳之间的差异
- Twilio客户端JS花名册事件