Estoy tratando de crear un archivo html que recopile datos de una hoja de cálculo de Google y muestre los datos en un área de texto haciendo clic en los botones. Inicialmente creé una en la que no hay una base de datos, mi javascript solo contendría cadenas de datos que se escribirían en el área de texto, pero para facilitar el mantenimiento para las personas en el trabajo, me gustaría crear una que no necesitarían para actualizar el código javascript más y simplemente actualice los datos de googlesheets.
¡Por que no! En este caso, deberá compartir públicamente su hoja de cálculo para su lectura y podrá recuperar datos en su página html utilizando el punto final json, por ejemplo. https://codepen.io/mikesteelson/pen/wvevppe
var id = '_______your__id_____'; var gid = '0'; var url = 'https://docs.google.com/spreadsheets/d/'+id+'/gviz/tq?tqx=out:json&tq&gid='+gid; fetch(url) .then(response => response.text()) .then(data => document.getElementById("json").innerHTML=myItems(data.substring(47).slice(0, -2)) ); function myItems(jsonString){ var json = JSON.parse(jsonString); var table = '<table><tr>' json.table.cols.forEach(colonne => table += '<th>' + colonne.label + '</th>') table += '</tr>' json.table.rows.forEach(ligne => { table += '<tr>' ligne.c.forEach(cellule => { try{var valeur = cellule.f ? cellule.f : cellule.v} catch(e){var valeur = ''} table += '<td>' + valeur + '</td>' } ) table += '</tr>' } ) table += '</table>' return table }aquí hay un hermoso ejemplo ... https://www.menudiecilire.it/pizza.html , todos los datos provienen de hojas de cálculo
Para leer/escribir datos de hojas de cálculo de Google, deberá utilizar la API de Hojas de cálculo de Google
Es posible que deba configurar un servidor para usar OAuth para poder acceder a las hojas de Google de los usuarios.
Para obtener respuestas específicas a estas cosas, busque las respuestas existentes o haga una pregunta más específica.