クライアント側からフォームデータをGoogleスプレッドシートに送信

Question

純粋なJS/HTML/CSSサイト（サーバー側なし）にいくつかのフォームがあります。そして、Googleのアカウントを持っている。私の目的は、ウェブクライアントからGoogleスプレッドシートに直接フォームを送信することです。出来ますか？

Answer 1

はい、可能です。私はcreating an Apps Scriptとdeploying it as a web appでそれを行います。サンプルスクリプトは次のとおりです。Id of the spreadsheetとそのシートの名前の1つを記入してください。

function doPost(event) { 
    var params = event.parameter; 
    var sheet = SpreadsheetApp.openById('..Id..').getSheetByName('..Name..'); 
    if (params.data !== undefined) { 
    sheet.getRange(1, 1).setValue(params.data); 
    return ContentService.createTextOutput("Success"); 
    } 
    else { 
    return ContentService.createTextOutput("Oops"); 
    } 
} 

スクリプトをウェブアプリケーションとして公開し、誰でもアクセスできるようにします（認証を処理しない限り）。これにより、https://script.google.com/macros/s/..../exec

などのURLが表示されます。クライアント側では、そのURLにPOSTリクエストを送信します。スクリプトは、データがパラメータ "data"にあることを期待しています。

var url = 'https://script.google.com/macros/s/..../exec'; 
$.post(url, {data: 'hello world'}); 

（私は短い例を持っているためにここにjQueryを使用しています;。あなたは、プレーンなJavaScriptでPOSTリクエストを送信することができます）

あなたが選択したシートのセルA1には「Hello World」の必要があります。