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...

Código Fuente del Proyecto: Script de Aplicaciones para Datos de Hoja - Ejemplo de Código JavaScript para Aplicación Web

Translator   Index.html <!DOCTYPE html> <html>   <head> <title> Sheet data </title> <style> . btn { font - size : 1.5em ; color : white ; padding : 5px ; } </style> </head>   <body> <div class = "output" ></div> <script src = "app.js" ></script> </body>   </html> app.js const url = 'https://script.google.com/macros/s/AKfycb****_iC3sFQDN-Ervz7FSKgQSfjWALeaqsfSrTR-eIMm6LmVZVrI/exec' ; const output = document . qu...

Usando fetch para obtener una API: ejemplo de la API de Star Wars

Translator  En la próxima lección, vamos a conectarnos a la API de Star Wars. Así que te mostraré cómo puedes hacer una conexión y luego también interactuar con los resultados. Hay varias opciones diferentes que estarán disponibles en el menú desplegable. Puedes obtener los resultados de las películas, personas o planetas. Esto te dará una idea general del número de elementos contenidos dentro de las películas, o puedes obtener los diversos planetas mencionados dentro de la API de Star Wars. Eso es todo lo que viene en esta lección. A la izquierda, este es Visual Studio Code. Tengo una página HTML bási...