Google HTMLサービス - spreadsheetapp in html <script>

過去にasp、vb、cなどでコード化しました。私は現在、GoogleのHTMLサービスの中でjavascriptの何かに取り組んでいます。私は、Googleのスプレッドシートを出し入れするデータがあります。私はgsとhtmlの間を移動することでスプレッドシートからたくさんのデータを取り出しました。とgsを使ってたくさんのデータを書きました。私は何をしようとしているのですか？の中のスクリプトタグの中のSpreadsheetAppを私たちにできるようにしたいと思っています。これは可能ですが、まだ動作させることができました。Google HTMLサービス - spreadsheetapp in html <script>

以下は、コードが停止する場所を確認するためのテストです。スプレッドシートアプリケーションで停止します。

 function fnImport() { 
     var btn = document.getElementById('btnImport'); 
     btn.value = "stage1"; 
     var importselect = document.getElementById('importselect'); 
     var seconddiv = document.getElementById('testdiv'); 
     btn.value = "stage2"; 
     var ss1 = SpreadsheetApp.openById("<i have actual id here>"); 
     btn.value = "stage3"; 
     for (var i = 0; i < importselect.selectedOptions.length; i++) { 
      seconddiv.innerHTML = seconddiv.innerHTML + importselect.selectedOptions[i].value + '<br>'; 
      }    
     }; 

    </script>

それは、HTML内でこの方法をspreadsheetappを実行することが可能です。おかげ

出典

2017-07-13 Mike

GoogleはこのためGoogle Sheets JavaScript APIを持っています

<!DOCTYPE html> 
<html> 
    <head> 
    <title>Google Sheets API Quickstart</title> 
    <meta charset='utf-8' /> 
    </head> 
    <body> 
    <p>Google Sheets API Quickstart</p> 

    <!--Add buttons to initiate auth sequence and sign out--> 
    <button id="authorize-button" style="display: none;">Authorize</button> 
    <button id="signout-button" style="display: none;">Sign Out</button> 

    <pre id="content"></pre> 

    <script type="text/javascript"> 
     // Client ID and API key from the Developer Console 
     var CLIENT_ID = '<YOUR_CLIENT_ID>'; 

     // Array of API discovery doc URLs for APIs used by the quickstart 
     var DISCOVERY_DOCS = ["https://sheets.googleapis.com/$discovery/rest?version=v4"]; 

     // Authorization scopes required by the API; multiple scopes can be 
     // included, separated by spaces. 
     var SCOPES = "https://www.googleapis.com/auth/spreadsheets.readonly"; 

     var authorizeButton = document.getElementById('authorize-button'); 
     var signoutButton = document.getElementById('signout-button'); 

     /** 
     * On load, called to load the auth2 library and API client library. 
     */ 
     function handleClientLoad() { 
     gapi.load('client:auth2', initClient); 
     } 

     /** 
     * Initializes the API client library and sets up sign-in state 
     * listeners. 
     */ 
     function initClient() { 
     gapi.client.init({ 
      discoveryDocs: DISCOVERY_DOCS, 
      clientId: CLIENT_ID, 
      scope: SCOPES 
     }).then(function() { 
      // Listen for sign-in state changes. 
      gapi.auth2.getAuthInstance().isSignedIn.listen(updateSigninStatus); 

      // Handle the initial sign-in state. 
      updateSigninStatus(gapi.auth2.getAuthInstance().isSignedIn.get()); 
      authorizeButton.onclick = handleAuthClick; 
      signoutButton.onclick = handleSignoutClick; 
     }); 
     } 

     /** 
     * Called when the signed in status changes, to update the UI 
     * appropriately. After a sign-in, the API is called. 
     */ 
     function updateSigninStatus(isSignedIn) { 
     if (isSignedIn) { 
      authorizeButton.style.display = 'none'; 
      signoutButton.style.display = 'block'; 
      listMajors(); 
     } else { 
      authorizeButton.style.display = 'block'; 
      signoutButton.style.display = 'none'; 
     } 
     } 

     /** 
     * Sign in the user upon button click. 
     */ 
     function handleAuthClick(event) { 
     gapi.auth2.getAuthInstance().signIn(); 
     } 

     /** 
     * Sign out the user upon button click. 
     */ 
     function handleSignoutClick(event) { 
     gapi.auth2.getAuthInstance().signOut(); 
     } 

     /** 
     * Append a pre element to the body containing the given message 
     * as its text node. Used to display the results of the API call. 
     * 
     * @param {string} message Text to be placed in pre element. 
     */ 
     function appendPre(message) { 
     var pre = document.getElementById('content'); 
     var textContent = document.createTextNode(message + '\n'); 
     pre.appendChild(textContent); 
     } 

     /** 
     * Print the names and majors of students in a sample spreadsheet: 
     * https://docs.google.com/spreadsheets/d/1BxiMVs0XRA5nFMdKvBdBZjgmUUqptlbs74OgvE2upms/edit 
     */ 
     function listMajors() { 
     gapi.client.sheets.spreadsheets.values.get({ 
      spreadsheetId: '1BxiMVs0XRA5nFMdKvBdBZjgmUUqptlbs74OgvE2upms', 
      range: 'Class Data!A2:E', 
     }).then(function(response) { 
      var range = response.result; 
      if (range.values.length > 0) { 
      appendPre('Name, Major:'); 
      for (i = 0; i < range.values.length; i++) { 
       var row = range.values[i]; 
       // Print columns A and E, which correspond to indices 0 and 4. 
       appendPre(row[0] + ', ' + row[4]); 
      } 
      } else { 
      appendPre('No data found.'); 
      } 
     }, function(response) { 
      appendPre('Error: ' + response.result.error.message); 
     }); 
     } 

    </script> 

    <script async defer src="https://apis.google.com/js/api.js" 
     onload="this.onload=function(){};handleClientLoad()" 
     onreadystatechange="if (this.readyState === 'complete') this.onload()"> 
    </script> 
    </body> 
</html>

出典

2017-07-13 02:17:56

Google HTMLサービス - spreadsheetapp in html <script>

答えて

関連する問題