Skip to main content

Explora cómo puedes exportar y compartir el contenido de Google Sheets como JSON en una aplicación web con código de Apps Script.

Translator

Explora cómo puedes exportar y compartir el contenido de Google Sheets como JSON en una aplicación web con código de Apps Script
SI NO HAS PROGRAMADO ANTES, NO TOMES ESTE CURSO  ¡POR FAVOR LEÉ LOS REQUISITOS PREVIOS ANTES DE UNIRTE!!!  


JavaScript y Google Apps Script como código backend para usar una hoja de Google como fuente de datos para tu sitio web.  
Crea una hoja de cálculo de Google Sheets en tu cuenta de Google: agrega algunos datos y luego exporta esos datos como JSON, los cuales pueden ser recuperados mediante una solicitud "fetch" para tu sitio web. Se incluye el código fuente, por lo que puedes crear tu propia versión de la aplicación.  

- Crear una hoja de cálculo con datos y hacer que el objeto JSON sea dinámico.  
- Cómo exportar los datos de tu hoja como un arreglo en un punto final de la aplicación web usando el método `doGet()` para la app web.  
- Reestructurar tu objeto JSON con valores de propiedades de objetos JavaScript que provienen dinámicamente de las cabeceras de la hoja.  
- Iterar a través de las filas de contenido de la hoja y asignar valores de fila al objeto de datos para generar JSON para el punto final de la API.  
- Uso de JavaScript Fetch para obtener datos: conexión JavaScript usando Fetch.  
- Usar JavaScript Fetch para obtener datos JSON de la hoja desde la URL de la aplicación web y mostrarlos en la consola.  
- Usar JavaScript para mostrar datos JSON en una página web.  
- Agregar botones de eventos de clic: Botones interactivos en la página con JavaScript para enviar información desde la página web a Google Sheets.  
- Usar el método `doPost()` de Apps Script para enviar datos desde la página web a la hoja.  
- Agregar datos POST a la hoja usando Apps Script conectando los datos JSON.  
- Explorar cómo usar el IDE de Google Apps Script para depurar y solucionar problemas en la aplicación.  
- Uso de métodos Logger para registrar valores y funciones de texto en Google Apps Script.  
- Problemas comunes de CORS con aplicaciones web de Google Apps: cómo solucionar y depurar.  
- Uso de métodos Fetch y formData en JavaScript.  
 

Impartido por un Experto en Desarrollo de Google con muchos años de experiencia en desarrollo de aplicaciones, listo para ayudarte a aprender y responder cualquier pregunta que puedas tener. 
¿Qué estás esperando? Únete ahora y descubre qué proyectos ASOMBROSOS PUEDES CREAR con Google Apps Script y JavaScript.  
Nuevo curso: Usa datos de Google Sheets en TU SITIO WEB - crea JSON a partir de datos de Sheets y conecta usando Fetch - Actualiza la hoja desde TU SITIO WEB mediante POST.  
 

Lo que aprenderás:
- Cómo usar datos en una hoja de Google para exportarlos como JSON para tu sitio web.  
- Construir un proyecto interactivo divertido desde cero.  
- Explorar opciones para usar servicios de Google para contenido web.  
- Crear un punto final para realizar solicitudes de datos usando AJAX.  
- Practicar y explorar la conexión con datos JSON usando JavaScript.  
¿Hay requisitos o conocimientos previos para este curso?
- Experiencia en programación con JavaScript.  
- Cuenta de Google.  
- Experiencia en codificación con HTML y CSS.  
¿A quién va dirigido este curso?
- Desarrolladores de JavaScript.  
- Desarrolladores de aplicaciones.  
- Programadores de Google Apps Script.  
- Cualquiera que desee aprender Google Apps Script.  
- Cualquiera que desee construir un proyecto interactivo divertido con JavaScript.

Comments

Popular posts from this blog

Cómo conectarse a una API JSON y mostrar los resultados en una página usando AJAX y JavaScript

Translator En este ejemplo, nos conectamos a la API de Star Wars en https://swapi.dev/.   La API devuelve resultados en formato de array, luego, usando JavaScript, recorremos el array de resultados y mostramos el título o el nombre que se devuelve en los resultados de los datos JSON.   Películas - [ ] Conectar  Buscar películas Una Nueva Esperanza  El Imperio Contraataca El Retorno del Jedi La Amenaza Fantasma El Ataque de los Clones La Venganza de los Sith | Películas    | app2.js:6 | |---|---| |    | app2.js:23    | - {count: 6, next: n...

Depuración final del código JavaScript

Translator  En esta lección, vamos a hacer algunas depuraciones y mejorar un poco el funcionamiento de la aplicación.   En este momento, el estado actual es que hacemos la solicitud al `doGet`, por lo que obtenemos la salida en vivo de las hojas de cálculo. Y cada vez que hacemos clic en los botones, estamos enviando una solicitud POST de vuelta a la aplicación web, lo que actualiza los valores en el lado del servidor. Además, está devolviendo el nuevo valor dentro de esa respuesta. Así que podemos usar eso y no tener que actualizar todo el contenido de la aplicación web constantemente; podemos ac...

Agregar datos publicados (POST) a la hoja

Translator  En esta lección, vamos a regresar al script y tomaremos el contenido que nos está siendo enviado para actualizar el contenido dentro de la hoja de cálculo. Esta es información que proviene del lado del cliente, desde la aplicación web. Estamos obteniendo un par de valores dentro de los datos. Así que tenemos "resultado abajo" y "fila tres". Esa es la información que se está enviando y que estamos recuperando. Vamos a simular esos mismos datos JSON que están siendo enviados y crear una pequeña aplicación de prueba antes de ponerla en producción. Esta aplicación va a actualiza...