REST API Google Таблицы - использование от клиента JS

Question

Есть ли способ использовать листы Google для записи и чтения данных непосредственно с javascript клиента в веб-браузере?

Защита данных здесь не проблема. Мне просто нужна небольшая бесплатная база данных для одностраничного веб-приложения без веб-сервера.

Answer 1

Да, есть способ. Иногда я использую лист google для сохранения данных формы. Поэтому я не дам вам полного решения, но это может быть хорошей отправной точкой.

• Создайте или откройте таблицу в 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()); 
 
}

• Публикация> Deploy как веб-приложение.
• Выберите параметры безопасности. И нажмите «Развернуть»
• Теперь URL-адрес будет сгенерирован для вас, в моем случае этот URL-адрес: https://script.google.com/macros/s/AKfycbyRs2qfvz5-qmhyFPVmpm0hayjcofsDIcnypkb_Zz0fDzriMWAb/exe
• Перед использованием вашей ссылки не забудьте запустить> Настройка.
• Окончательный вы можете отправить данные на свой листок, отправив данные формы на ваш 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. Если вы внимательно посмотрите на URL-адрес, вы сможете найти ключ электронной таблицы. Мой ключ документ: 10vmpPMTBqsXYsTH20a_kU-GTJ06KYxXWg-E2aAtm_dM

JSON-каналы для любой таблицы Google доступен по адресу:

JSON Формат: https://spreadsheets.google.com/feeds/list/YOUR_KEY/od6/public/basic?alt=json

И, конечно документ должен быть опубликован до доступа к URL JSON ,