v0 + 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 v0 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 v0 para implementar la parte de la web app. Revisa el resultado, publica y luego prueba dentro de la app WebViewGold.
Añade a esta app de Next.js App Router soporte web para el widget de pantalla de inicio y las acciones rápidas de WebViewGold en iOS. 1) Crea app/api/widget/route.tsx, que lea ?t=TOKEN, busque al usuario por users.widget_token y devuelva un ImageResponse (next/og) de 720x340 píxeles con el próximo evento y el progreso de hoy del usuario en texto grande; los tokens desconocidos reciben una imagen de respaldo con la marca; define Cache-Control en max-age=300. 2) Añade una server action que cree o rote widget_token y una sección de ajustes que la llame. 3) En un client component, después del inicio de sesión y solo cuando navigator.userAgent incluya mi token de WebViewGold más iPhone o iPad, navega una vez por sesión a widget://https://OUR_DOMAIN/api/widget?t=TOKEN. 4) Haz que app/new/page.tsx y app/today/page.tsx rendericen pantallas completas en un arranque en frío, porque las acciones rápidas de Shortcuts.json las abrirán directamente. 5) Añade un selector de icono que navegue a changeicon://icon1, changeicon://icon2, changeicon://icon3 o changeicon://default, renderizado solo dentro de la app de iOS.
¡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.
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 Route handlers y server actions de Next.js, Postgres mediante Neon o Supabase 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 Route handlers y server actions de Next.js, Postgres mediante Neon o Supabase 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 v0 (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 v0, 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.