secuencia - Empujar los datos a la hoja de cálculo de Google a través de JavaScript que se ejecuta en el navegador

google apps script spreadsheet example

Question

Estoy trabajando en una aplicación web en la que me gustaría permitir que el usuario envíe datos a su propia hoja de cálculo de Google.

En primer lugar, traté de usar la API de las API de Google para JavaScript, pero parece que no cubre la API de Spreadsheet ( https://developers.google.com/apis-explorer/#p/ ).

Luego decidí usar directamente la API de Google Spreadsheets versión 3.0 . Logré recuperar las hojas de cálculo del usuario usando jQuery y JSONP :

$.ajax({
url: ''https://spreadsheets.google.com/feeds/spreadsheets/private/full?alt=json-in-script&access_token='' + access_token,
dataType: ''JSONP'',
success: function(data){
// use the spreadsheets
}
});

En el mismo método, recupero las hojas de la hoja de cálculo seleccionada por el usuario. Entonces tengo que POST los datos a la hoja seleccionada. Y aquí viene el problema: no puede hacerlo usando JSONP . Y el servidor de Google parece no ser compatible con CORS . Aparece el siguiente error en el navegador:

XMLHttpRequest cannot load https://spreadsheets.google.com/feeds/... Origin ..mysite.. is not allowed by Access-Control-Allow-Origin.

Gracias por mirar en esto.

Answer 1

Instrucciones paso a paso con capturas de pantalla

Después de leer la buena introducción de Martin Hawskey ( para enviar datos de un formulario HTML a una hoja de cálculo de Google ) y ver algunas lagunas / suposiciones, decidimos escribir un tutorial detallado / completo con instrucciones paso a paso que algunas personas tienen encontrado útil:

https://github.com/dwyl/ html -form- send -email-via- google-script -with-server

El script guarda los datos enviados a través de HTTP POST en la hoja de cálculo de Google y, opcionalmente, reenvía el contenido a una dirección de correo electrónico. ( útil si desea recibir notificaciones de nuevos datos )

Formulario HTML:

Resultado ( fila en hoja ):

Espero que ayude a otros.

Answer 2

Estuve investigando esto también hace 8 meses. Me encontré con una publicación de blog escrita por Martin Hawskey . Seguí la guía aquí y pude configurar una publicación de formulario HTML en una hoja de cálculo.

Efectivamente, configura una aplicación web publicada dentro de la hoja de cálculo que puede recibir los datos. Para evitar los problemas de CORS, apunte a un iframe oculto en la página. Yo replicaría el código en esta publicación, pero hay bastante.

MANIFESTACIÓN

• Aquí está el formulario HTML.
• Aquí está la hoja de cálculo que recibe los datos.

Proporcionaré algunos consejos que me gustaría que me dieran cuando comencé a ver esto. Si puede ... intente configurar un servidor PHP que pueda usar. Publicar los datos es mucho más fácil y flexible. Ahora uso Zend GData religiosamente en el trabajo y me gustaría haberlo encontrado antes :)

EDITAR

Marting Hawskey ha actualizado esto para admitir una presentación de AJAX sin el uso de un iframe oculto. Mira aquí .