Resumen Proyecto Registro Diario

Objetivo

Crear una página web para registrar:

y guardar automáticamente esos datos en Google Sheets.

Problema Inicial

El formulario funcionaba correctamente enviando datos directo a Google Apps Script.

RegLab.html
↓
Google Apps Script
↓
Google Sheets

Pero en la red corporativa el acceso a Google Apps Script estaba bloqueado.

Solución Implementada

Se agregó un backend intermedio usando Render.

RegLab.html
↓
Render Backend
↓
Google Apps Script
↓
Google Sheets

Ahora la PC solo se conecta a Render y Render se comunica con Google desde la nube.

Archivos Importantes

RegLab.html

Frontend principal del proyecto.

Publicado mediante GitHub Pages.


package.json

Archivo de configuración Node.js.

Render lo usa para:


server.js

Backend Node.js ejecutado por Render.

Funciones:

Endpoint Render

URL del backend:

https://principal-cnw4.onrender.com/guardar

Esta URL fue creada automáticamente por Render al desplegar el Web Service.

Flujo Final

Usuario completa formulario
↓
RegLab.html
↓
fetch()
↓
Render (/guardar)
↓
server.js
↓
Google Apps Script
↓
appendRow()
↓
Google Sheets

Problema Técnico Encontrado

Render recibía un objeto vacío:

{}

La causa fue que el HTML no enviaba:

Content-Type: application/json

La solución fue agregar:

headers:{
  "Content-Type":"application/json"
}

Resultado Final

Volver al formulario