Conectar una aplicación web con Google sheets TUTORIAL PASO A PASO
Punto Json
0:00 / 0:00
Conectar una aplicación web con Google sheets TUTORIAL PASO A PASO
57 310 просмотров · 3 года назад
Punto Json
7,14 тыс. подписчиков
57 310 просмотров · 3 года назад
Vamos a conectar nuestra aplicación web javascript con Google Sheets, en el proceso vamos a crear una "organización" en google y también habilitaremos las APIs necesarias.
En el ejemplo que muestro la idea sería que una persona esté a cargo del sheets y el técnico solo vea lo que le muestra el servicio web.
Aclaración:
La clave de API no deberían de ponerla en ningún lugar que el usuario lo pueda leer, por lo cual no se recomienda dejarlo como un string (como hice yo), sino que hay que agregarlo como variable de entorno dentro de un servidor. (Que no se pueda ni leer mirando el código fuente del front).
Copiate mi repo: https://github.com/cacalo/Turnero-sheets
Guía de inicio rápido de Google: https://developers.google.com/sheets/...
Pasos resumidos:
Crear proyecto en Google
Crear pantalla de consentimiento OAuth
Agregar usuario de prueba
Hablitar API sheets https://console.cloud.google.com/flow...
Crear Clave API, con restricción a sheets
Crear ID Cliente OAuth2, con URI http://127.0.0.1:5500 o la de su proyecto.
Copiarse el código de ejemplo
emplazar el CLIENT_ID y el SECRET
Llevar todo el script a otra página
Reemplazar los eventos onload de gapi y gis por eventsListeners en JS
Adaptar "a gusto y piacere"
Timestamps:
0:00:00 - De donde arrancamos
0:02:19 - Configuración en google y en nuestro proyecto
0:11:46 - Lectura de sheets
0:26:47 - Escritura de sheets
0:35:35 - Pedido