Web api con Google Sheet + AppScript

Roger Colque Calcina
3 min readAug 25, 2020

Google Sheets — AppScript

La hoja de cálculo de Google podemos realizar varias operaciones como Insertar / Actualizar / Eliminar / Leer usando Google AppScript . Y puede ser usada como nuestro fuente de datos backend.

Configuración de la hoja de cálculo de Google:

  1. Inicie sesión en su cuenta de Google
  2. Crea una nueva hoja de cálculo CLICK_AQUÍ .
  3. Cuando cree una hoja de cálculo, verá la identificación en la URL como se resalta en la siguiente imagen

Copie la url de su hoja google sheet.

Como arriba, puede ver que he resaltado parte de la URL. Puede copiar la url compartida como lo realize o solo la url.

4. Como en la imagen de abajo, vaya a Herramientas → Editor de secuencias de comandos.

Configuración de Google AppScript:

  1. Después del paso anterior, verá la siguiente pantalla.

Aquí, en este editor, tenemos que escribir el codigo que actuará como una API web y que se comunicará con las hojas de Google.

2. A continuación se muestra el AppScript que debe escribir en el archivo anterior y guardarlo.

3. Select from tab, Publish → Deploy as web app

4. Verá una ventana como esta, solo asegúrese de seleccionar ‘Ejecutar la aplicación’ como ’ Yo’ y ‘Quién tiene acceso a la aplicación’ como ’ Cualquiera, incluso anónimo’. Cada vez q realize una actualizacion se debe elegir nuevo

Se requiere autorización. Solo revisa los permisos. Luego seleccione su cuenta de Google.

Verá una pantalla, simplemente expanda ‘Avanzado’ y haga clic en ’ Ir a YOUR_PROJECT_NAME (inseguro)’.

¡Permita estos permisos y listo!
Finalmente, obtendrá una ventana como esta con la URL de la aplicación web. Copie esa URL web como referencia. Usaremos esta URL para realizar solicitudes HTTP GET.

Copiamos la url mas la funcion q declaramos:
WEB_APP_URL_SCRIPT/exec?action=getItems
URLs:
Web Api: https://script.google.com/macros/s/AKfycby01lKNm94FHYORH3_c-lHK35r4zOoZiF8_tOD-QhfujBglDiE/exec?action=getItems
Ejemplo Publicado
https://dailyspecialsmenu.netlify.app/

https://github.com/rogergcc/specials_menu.git

--

--

No responses yet