Bolt + calendario
Una reserva que no está en el calendario del usuario es una ausencia anunciada. En iOS, WebViewGold permite añadir un evento a la app Calendario desde un enlace normal a un archivo .ics, así que tu app de Bolt no necesita más que una URL que devuelva el evento. Android no tiene una API de calendario dedicada en WebViewGold; aquí tienes lo que funciona allí en su lugar.
Desde $109 de pago único por plataforma, o deja que nuestro equipo lo haga todo desde $698.
WebViewGold está preparado para Calendario (antes iCal): un enlace normal a un archivo .ics permite al usuario añadir la entrada al calendario del iPhone o iPad. Sin esquema de URL ni puente JavaScript, y la web app nunca lee el calendario del usuario; solo ofrece un evento.
La documentación de Android no incluye una API de calendario. Funcionan dos rutas: añade .ics a downloadableExtension en Config.java para que el archivo se descargue y pueda abrirse con una app de calendario que importe archivos .ics, y ofrece un enlace "Añadir a Google Calendar" que se abra fuera de la app.
Tu servidor devuelve un pequeño archivo de texto (un VCALENDAR con un VEVENT) por cada reserva, clase o cita. La misma URL sirve para el sitio web, la app de iOS y la descarga en Android.
Pega esto en Bolt para implementar la parte de la web app. Revisa el resultado, publica y luego prueba dentro de la app WebViewGold.
Añade exportación de calendario para las reservas que funcione dentro de nuestra app de WebViewGold. Crea una Netlify Function booking-ics y una regla de reescritura en netlify.toml de /calendar/* a /.netlify/functions/booking-ics/:splat con status 200, para que los enlaces tengan la forma /calendar/TOKEN.ics. La función quita .ics de la ruta, carga la reserva por su ics_token aleatorio desde Supabase usando SUPABASE_SERVICE_ROLE_KEY del entorno de Netlify y devuelve un VCALENDAR con un VEVENT (UID estable, DTSTAMP, DTSTART y DTEND en UTC con Z, SUMMARY, LOCATION, DESCRIPTION con el enlace a la reserva) como text/calendar; charset=utf-8. Añade una columna ics_token a bookings. En la página de confirmación, muestra Añadir al calendario en la misma pestaña, nunca con target blank. Cuando navigator.userAgent contenga WebViewGold-Android, muestra también Añadir a Google Calendar con un enlace calendar.google.com/calendar/render?action=TEMPLATE. No pongas nunca la service role key en una variable VITE_.
¡Una forma estupenda de convertir tu web app en una app nativa! Entrega rápida y una manera genial de llevar tus apps a las tiendas sin tener que desarrollar una app nativa completa.
Alrededor de una hora, la mayor parte para el endpoint .ics.
Añade una ruta como /calendar/BOOKING_TOKEN.ics que devuelva el evento con Content-Type: text/calendar; charset=utf-8. Mantén la ruta terminada en .ics, como en el ejemplo de WebViewGold, y usa un token imposible de adivinar en lugar de depender de la sesión iniciada.
Un UID estable por reserva, DTSTAMP, DTSTART y DTEND en UTC (terminados en Z), SUMMARY, LOCATION y una DESCRIPTION con un enlace de vuelta a la reserva. Escapa las comas y los puntos y coma del texto.
Un simple <a href="https://yourdomain.com/calendar/TOKEN.ics">. No lo abras en una ventana nueva ni con target="_blank"; un WebView no tiene dónde mostrarla.
Añade .ics a downloadableExtension en Config.java para la ruta de descarga, y muestra un enlace "Añadir a Google Calendar" con calendar.google.com en BROWSER_BLACKLIST, para que se abra en el navegador del sistema, donde la mayoría de los usuarios tienen la sesión de Google iniciada, y no dentro del WebView.
Añade un evento en un iPhone y luego revisa la zona horaria, la duración y el enlace de la descripción. En Android, prueba teléfonos de dos fabricantes; las apps de calendario difieren en cómo abren los archivos .ics descargados.
Esto es todo lo que necesita un calendario. Según la especificación iCalendar, las líneas terminan en CRLF; las bibliotecas se encargan de ello. Parte de servidor de tu stack: Supabase, Firebase o tu propia API.
BEGIN:VCALENDAR
VERSION:2.0
PRODID:-//YourApp//Bookings//EN
CALSCALE:GREGORIAN
METHOD:PUBLISH
BEGIN:VEVENT
UID:[email protected]
DTSTAMP:20261101T120000Z
DTSTART:20261205T170000Z
DTEND:20261205T180000Z
SUMMARY:Clase de yoga
LOCATION:Estudio 2\, Calle Mayor 14
DESCRIPTION:Gestiona tu reserva: https://yourdomain.com/bookings/123
BEGIN:VALARM
TRIGGER:-PT1H
ACTION:DISPLAY
DESCRIPTION:Clase de yoga dentro de una hora
END:VALARM
END:VEVENT
END:VCALENDAREl enlace .ics en todas partes y el enlace de Google Calendar como extra en Android y en escritorio:
// User agents personalizados: "... WebViewGold-iOS" (Config.swift), "... WebViewGold-Android" (Config.java)
var ua = navigator.userAgent;
var IS_ANDROID_APP = ua.indexOf("WebViewGold-Android") !== -1;
var IS_IOS_APP = ua.indexOf("WebViewGold-iOS") !== -1;
function icsUrl(b) { return "https://yourdomain.com/calendar/" + b.token + ".ics"; }
function googleCalendarUrl(b) {
var f = function (d) { return d.toISOString().replace(/[-:]|\.\d{3}/g, ""); };
return "https://calendar.google.com/calendar/render?action=TEMPLATE" +
"&text=" + encodeURIComponent(b.title) +
"&dates=" + f(b.start) + "/" + f(b.end) +
"&details=" + encodeURIComponent(b.url) +
"&location=" + encodeURIComponent(b.location);
}
// Renderizado: siempre el enlace .ics; el de Google salvo si IS_IOS_APPNo una dedicada; la integración de calendario de la documentación es solo para iOS. En Android, ofrece el archivo .ics como descarga (añade .ics a downloadableExtension en Config.java) y un enlace Añadir a Google Calendar que se abra fuera de la app.
No. El flujo .ics solo ofrece un evento que el usuario añade. La disponibilidad se gestiona en tu servidor, a partir de tus propios datos de reservas.
Sí, dentro del archivo .ics: una línea RRULE para clases que se repiten y un bloque VALARM para un recordatorio. Cómo aparece el recordatorio depende de la app de calendario del usuario; para recordatorios que controles tú, usa notificaciones push.
Una pequeña ruta en el servidor construye el texto. Para un solo evento no hace falta ninguna biblioteca, aunque ical-generator (Node) o icalendar (Python) ayudan con los eventos recurrentes y el escapado. Pide a Bolt un endpoint que devuelva text/calendar para un token de reserva.
Sí. La misma URL .ics descarga o abre el evento en navegadores de escritorio y móviles, así que un solo botón sirve para el sitio web y para ambas apps.
El mismo resultado, con distinta cantidad de trabajo por tu parte. Las tres incluyen la garantía de aprobación y soporte humano 24/7.
$109 por plataforma, pago único
La licencia de WebViewGold: un proyecto de Xcode o Android Studio listo para usar. Pega tu URL, define nombre e icono, activa funciones, compila y envía. Actualizaciones gratuitas para siempre.
Ver planes en la página principal$349 por licencia, complemento de pago único
Sin Mac, sin Xcode, sin Android Studio: configura en el navegador, compilamos ambas apps en la nube y las entregamos a App Store Connect y a Play Console.
Cómo funciona el Cloud Builder Prueba la demo gratuita$698 por plataforma $798
Envíanos tu URL y tu icono. Nuestro equipo configura, compila y entrega tu app en 72 horas, en marca blanca y con los proyectos fuente. Ambas plataformas por $1,158.
Detalles del Full Service Con tecnología de
Precios de la Oferta de invierno válidos hasta el 31 de diciembre de 2026.
Garantía de aprobación en App Store & Google Play – o te devolvemos el dinero en 14 días
¿Prefieres delegarlo? Full Service: configuramos, compilamos y entregamos en 72 horas, desde $698 por plataforma. ¿Preguntas? Chatea con nosotros 24/7.
Los reembolsos se conceden bajo las condiciones indicadas en nuestras FAQ: un rechazo por motivos ajenos al contenido por parte de Apple y/o Google, reclamado dentro de los 14 días posteriores a la compra.