Lovable + pantalla de inicio
La pantalla de inicio es donde una app demuestra que es más que un marcador. En iOS, WebViewGold le da a tu app de Lovable cuatro formas de estar ahí: un widget de imagen que tu servidor mantiene al día, acciones rápidas al mantener pulsado el icono, frases de Siri que ejecutan tu JavaScript e iconos de app alternativos. Android no tiene equivalente en WebViewGold para widgets y acciones rápidas, así que esta guía también cubre las alternativas honestas para esa plataforma.
Desde $109 de pago único por plataforma, o deja que nuestro equipo lo haga todo desde $698.
Un widget de pantalla de inicio que muestra un SVG o PNG renderizado por tu servidor: las cifras de hoy, la próxima reserva, una racha. Tu app web le indica la imagen con widget://https://yourdomain.com/widget.svg?t=TOKEN; widgetRefreshTime (minutos) y widgetfallbackURL en Config.swift definen el intervalo de actualización y la imagen de respaldo.
Pon useShortcuts en true en Config.swift y define las acciones en Shortcuts.json: un título, un redirection_link, una injection de JavaScript opcional y un SF Symbol. Los usuarios las ven al mantener pulsado el icono de la app.
Con el complemento opcional de Siri (se vende por separado; introduces su token de plugin en siriEnabled), un enlace como addtosiri://?command=Log%20Water&jsFunction=logWater() permite al usuario añadir una frase que ejecuta una función de JavaScript en tu app web.
Incluye hasta tres iconos alternativos (oscuro, clásico, de temporada) y deja que los usuarios cambien con changeicon://icon1 a changeicon://icon3, o vuelvan al original con changeicon://default. iOS confirma cada cambio con un aviso del sistema.
Pega esto en Lovable para implementar la parte de la web app. Revisa el resultado, publica y luego prueba dentro de la app WebViewGold.
Añade soporte web para el widget de pantalla de inicio, las acciones rápidas y los iconos alternativos de WebViewGold en iOS. 1) Añade una columna widget_token (aleatoria, única) a profiles y un botón "Regenerar enlace del widget" en los ajustes. 2) Crea una edge function de Supabase widget-image con verify_jwt desactivado que busque el perfil por el parámetro de consulta t y devuelva un SVG (image/svg+xml, 360x170, texto grande, fuentes del sistema, sin imágenes externas) con el próximo elemento del usuario y el recuento de hoy; los tokens desconocidos reciben una imagen neutra con el logo. 3) Después del login, solo cuando navigator.userAgent contenga mi token de WebViewGold y el dispositivo sea un iPhone o iPad, navega una vez por sesión a widget://https://PROJECT_REF.supabase.co/functions/v1/widget-image?t=TOKEN. 4) Asegúrate de que /new y /today funcionen como puntos de entrada directos en un arranque en frío, porque las acciones rápidas de Shortcuts.json los abrirán con ?source=shortcut. 5) Añade una sección "Icono de la app" en los ajustes con botones que naveguen a changeicon://icon1, changeicon://icon2 y changeicon://default. 6) Oculta todos estos controles nativos en los navegadores normales y en Android.
Con una buena versión optimizada de su aplicación web, puedes tener una impresionante aplicación móvil en un par de minutos. ¡Además del servicio al cliente es muy agradable y muy útil! ¡Puedo recomendar WebViewgold :-)
Cada una de estas funciones debería ahorrarle un paso al usuario. Buenos candidatos en apps típicas de vibe coding:
La próxima cita, la próxima clase, la próxima franja de entrega. Una imagen de widget renderizada por Supabase o Lovable Cloud (Postgres, almacenamiento, edge functions) responde a "¿cuándo es?" sin abrir la app.
Rachas de hábitos, metas de ahorro, ventas de hoy, palabras escritas. Un número grande y una etiqueta se leen bien en tamaño de widget.
Acciones rápidas como "Nueva entrada", "Escanear recibo" u "Hoy" abren directamente la pantalla correcta, y así la app se siente más rápida que la web.
Frases de Siri como "Empezar entrenamiento", "Registrar un vaso de agua" o "Poner mi emisora", para cuando tocar la pantalla resulta incómodo.
Iconos alternativos como pequeña recompensa para suscriptores o un icono en modo oscuro para quienes cuidan su pantalla de inicio.
Medio día, incluido el endpoint de la imagen del widget.
Añade un endpoint en Supabase o Lovable Cloud (Postgres, almacenamiento, edge functions) que devuelva un SVG o PNG para un usuario: un número o una línea de texto, grande y con mucho contraste, sin etiquetas diminutas. Que sea rápido y barato, porque se vuelve a pedir en cada actualización.
El widget carga la imagen fuera de tu WebView con sesión iniciada, así que dale a cada usuario un token de widget imposible de adivinar, ponlo en la URL y permite que lo regenere. Nunca pongas en la URL un ID de usuario sin más.
Después del login, y solo dentro de la app de iOS, navega una vez a widget://https://yourdomain.com/widget.svg?t=TOKEN. Define widgetfallbackURL con una imagen de tu marca para usuarios sin sesión y elige un widgetRefreshTime razonable; iOS raciona las recargas de los widgets, así que cuenta con "actualizado en la última hora", no con tiempo real.
Sigue el videotutorial de la Documentación para iOS para activar la widget extension en el proyecto de Xcode de WebViewGold y después añade el widget desde la galería de widgets de la pantalla de inicio en un iPhone real.
Escribe de dos a cuatro entradas en Shortcuts.json que apunten a páginas internas de tu app de Lovable (añade ?source=shortcut para la analítica). La lista va dentro de la app, así que cambiarla requiere una nueva compilación; las páginas que abre pueden cambiar con cada despliegue.
Coloca los iconos alternativos en la carpeta AppIconAlternate y añade las entradas CFBundleAlternateIcons a Info.plist exactamente como muestra la documentación del icono dinámico. Para Siri, solicita el token de plugin como se describe en la documentación de Siri.
Va en el proyecto iOS de WebViewGold y se activa con useShortcuts = true (consulta la documentación de atajos). El campo injection ejecuta JavaScript cuando la página termina de cargar; aquí, para abrir una vista de escáner que expone tu app web.
{
"shortcuts": [
{
"title": "Nueva entrada",
"redirection_link": "https://app.yourdomain.com/new?source=shortcut",
"injection": "",
"symbol": "plus.circle"
},
{
"title": "Hoy",
"redirection_link": "https://app.yourdomain.com/today?source=shortcut",
"injection": "",
"symbol": "calendar"
},
{
"title": "Escanear recibo",
"redirection_link": "https://app.yourdomain.com/expenses?source=shortcut",
"injection": "(function() { if (window.openReceiptScanner) { window.openReceiptScanner(); } })();",
"symbol": "doc.viewfinder"
}
]
}| Necesidad | iOS en WebViewGold | Alternativa en Android |
|---|---|---|
| Información de un vistazo en la pantalla de inicio | Widget de imagen (widget://) | No hay API de widgets en WebViewGold. Envía una notificación push con una url que abra la pantalla correcta; un AppWidget nativo es trabajo a medida en el proyecto de Android Studio que recibes. |
| Ir directo a una pantalla | Acciones rápidas (Shortcuts.json) | No hay una API documentada de acciones rápidas. Mantén esas pantallas a un toque en tu navegación y usa App Links para que los enlaces a páginas internas abran la app. |
| Comandos de voz | Complemento de Siri (addtosiri://) | Sin equivalente en WebViewGold. |
| Icono de app elegido por el usuario | changeicon:// | No disponible en WebViewGold para Android. |
| Recibir contenido de otras apps | Share extension | Disponible: la API ShareIntent. Consulta share extension y share intent. |
No a través de WebViewGold. El widget, las acciones rápidas de Shortcuts.json, las frases de Siri y los iconos alternativos son funciones del proyecto de iOS. En Android, usa notificaciones push que abran una URL concreta, App Links y el destino para compartir; un widget nativo de Android es posible como trabajo a medida en el proyecto de Android Studio que recibes, pero no es una función documentada de WebViewGold.
Muestra una imagen que renderiza tu servidor y que se recarga con el intervalo que definas en widgetRefreshTime. iOS raciona las actualizaciones de los widgets, así que tómalo como información reciente, no en tiempo real. El widget no tiene botones propios; al tocarlo se abre la app.
Refuerza el argumento de la directriz 4.2 porque es algo que un sitio web no puede hacer, siempre que muestre contenido útil de la app. Inclúyelo en una captura de pantalla y menciónalo en las notas para la revisión para que el revisor realmente lo busque.
Siri es un complemento opcional que se vende por separado: recibes un token de plugin que introduces en siriEnabled y añades la capability de Siri al target. El widget, las acciones rápidas y los iconos alternativos son funciones documentadas del proyecto de iOS.
La lista vive en Shortcuts.json dentro de la app, así que añadir o renombrar una acción requiere una nueva compilación. Las páginas que abren las acciones son URLs normales de tu app de Lovable, de modo que lo que muestran cambia con cada despliegue.
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.