Google Sheets API lire cellules

inwardmovement
Javascript

Lu,

Je cherche simplement à lire des cellules dans une GSheet de mon Drive et à afficher leur valeur dans un block html d'un site Wordpress.

J'ai mis en place un "compte de service" (car pas besoin de demander l'autorisation du visiteur du site pour afficher ces valeurs) sur console.developers.google.com, et mon code est le suivant, mais il ne fonctionne pas :

      <html>
      <head>
      <script type="text/javascript">

            // Je charge l'API GoogleSheets            
            function loadSheetsAPI() {
        gapi.client.setApiKey('my-api-key');
                var discoveryUrl =
                'https://sheets.googleapis.com/$discovery/rest?version=v4';
                gapi.client.load(discoveryUrl).then(getCounter);
            }

           // Je récupère la valeur des cellules H2 et I2
            function getCounter() {
                gapi.client.sheets.spreadsheets.values.get({
                  spreadsheetId: 'my-sheet-id',
                  range: '!H2:I2',
                }).then(function(response) {
                  var range = response.result;
                  if (range.values.length > 0) {
                    for (i = 0; i < range.values.length; i++) {
                      var row = range.values[i];
                      appendPre(row[1] + '\n' + row[0]);
                    }
                  } else {
                    appendPre('No data found');
                  }
                }, function(response) {
                  appendPre('Error: ' + response.result.error.message);
                });
              }

             // J'envoie les infos à la section affichage des valeurs
            function appendPre(message) {
                var pre = document.getElementById('output');
                var textContent = document.createTextNode(message + '\n');
                pre.appendChild(textContent);
              }

        </script>
        <script src="https://apis.google.com/js/client.js?onload=loadSheetsAPI">
        </script>
      </head>
      <body>

      <!-- J'affiche les valeurs -->
    <pre id="output"></pre>
    </body>
    </html>

Pouvez-vous m'aider s'il vous plait ? :)

Aucune réponse