Un solo código, una app real en la tienda
La app para Android carga tu URL publicada de Dyad dentro de un WebView nativo. No hay un segundo proyecto que mantener ni exportación de código.
Por qué envolver es mejor que reconstruir para apps de Dyad
Dyad te da código React normal en tu propio equipo y deja el hosting en tus manos, así que, en cuanto el proyecto está en Vercel, tienes exactamente lo que necesita WebViewGold: una URL HTTPS pública. La actualización experimental de Dyad a Capacitor empaqueta la compilación en proyectos nativos que tienes que recompilar con cada cambio; WebViewGold, en cambio, carga el despliegue en vivo, así que un Sync to GitHub actualiza las apps. La autenticación y los datos de Supabase siguen funcionando sin cambios en el lado web.
Sigue publicando desde Dyad
Haz Sync to GitHub en Dyad, tu host vuelve a compilar y la app muestra la nueva versión en el siguiente arranque, sin actualización en la tienda. Solo los cambios en la propia carcasa nativa (icono, una nueva función nativa) requieren una actualización en la tienda.
Funciones nativas incluidas
Notificaciones push, pantalla sin conexión, compartir nativo, inicio de sesión biométrico, escáner QR, compras in-app y deep links son un simple ajuste o una llamada JavaScript de una línea.
Garantía de aprobación en Google Play
Garantía de aprobación en Google Play Store – o te devolvemos el dinero en 14 días. El 96.4% de todas las apps WebViewGold son aprobadas por los equipos de revisión en el primer intento.
Qué necesitas
- Una app de Dyad publicada en una URL HTTPS pública (yourapp.vercel.app (o la dirección del host en el que despliegues) o, mejor, tu propio dominio)
- Una cuenta de desarrollador en Google Play Console ($25 en un pago único) para enviar la app a Google Play Store
- Android Studio en Windows, macOS o Linux – o el WebViewGold Cloud Builder en tu navegador
- WebViewGold para Android ($109 en un pago único, actualizaciones gratuitas)
- Una página de política de privacidad, un icono de 1024 × 1024 px y entre 30 y 60 minutos
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 :-)
De Dyad a Google Play: la guía paso a paso
Ocho pasos, sin programar. La mayoría termina la parte nativa en menos de una hora.
Publica tu app de Dyad en una URL de producción
Dyad no aloja apps. Conecta GitHub en los detalles de la app, haz clic en Sync to GitHub y después importa el repositorio en Vercel (u otro host); obtendrás una URL pública como dyad-app-name.vercel.app. Cada Sync to GitHub posterior lanza una nueva compilación. La vista previa junto al chat de Dyad se ejecuta en tu propio ordenador, así que nadie más puede abrirla. Despliega primero y usa en la app la URL pública del despliegue o tu dominio personalizado. Dominio propio: Añade tu dominio en el lado del hosting (Vercel: ajustes del proyecto, Domains) y configura los registros DNS que te muestre. Consulta por qué vale la pena usar un dominio propio antes del envío.
Prepárala para la tienda
Añade una página de política de privacidad, una opción para eliminar la cuenta (si los usuarios pueden registrarse) y quita las insignias de la herramienta o los banners de "descarga nuestra app". Ejecuta la Comprobación de preparación para Google Play gratuita con tu URL: señala contenido mixto, etiquetas viewport ausentes, dominios de vista previa de la herramienta y otros bloqueos en segundos.
Consigue WebViewGold para Android
Pago único, actualizaciones gratuitas. Recibes el proyecto de Android Studio listo para usar, o activas el WebViewGold Cloud Builder y te saltas el IDE por completo.
Introduce tu URL y personaliza la app con tu marca
Abre Config.java (o el formulario del Cloud Builder), pega tu URL publicada, define el nombre de la app, elige el nombre de paquete, sube el icono y elige la pantalla splash. Sin programar.
Activa las funciones nativas
Activa con un solo ajuste cada una las notificaciones push, la pantalla sin conexión, deslizar para actualizar, el inicio de sesión biométrico, el escáner QR o los App Links. Todo es opcional.
Compila el App Bundle firmado
En Android Studio: Build → Generate Signed Bundle. En el Cloud Builder: pulsa Build y el .aab firmado se prepara y se sube por ti.
Crea la ficha en la Play Console
Crea la app en la Play Console, rellena la ficha de la tienda, sube el icono, el gráfico destacado y las capturas, y completa Data safety, la clasificación de contenido y el acceso a la app.
Prueba y después envía
Las cuentas personales nuevas hacen primero una prueba cerrada de 14 días con 12 testers. Después promociona la versión a producción y envíala a revisión. Nuestra garantía de aprobación te cubre.
Comprobaciones específicas de Dyad antes de enviar
Estos son los puntos que surgen con más frecuencia en proyectos de Dyad (React + TypeScript + Vite con React Router, Tailwind CSS y shadcn/ui en la plantilla predeterminada (también hay una plantilla de Next.js), con Supabase o Neon para autenticación y datos).
- Dyad ofrece la opción experimental "Upgrade to hybrid mobile app with Capacitor", que abre el proyecto en Xcode y Android Studio. Ese camino empaqueta tu compilación en proyectos nativos que tienes que recompilar con cada cambio; WebViewGold, en cambio, carga tu URL desplegada, así que un Sync to GitHub actualiza las apps instaladas.
- La plantilla predeterminada es una app de una sola página con React Router e incluye un vercel.json que envía todas las rutas a index.html. Mantén una reescritura equivalente si despliegas en otro sitio, o los deep links y las recargas dentro de la app terminarán en una página 404.
- Supabase pide por defecto a los nuevos usuarios que confirmen su email. El enlace de confirmación se abre en el navegador del teléfono, a menos que configures Universal Links (iOS) y App Links (Android) en WebViewGold, así que planifícalo antes de la revisión.
- Una app de Dyad se ejecuta por defecto en el lado del cliente: guarda las claves de API en funciones de servidor de Supabase o en las variables de entorno de tu host, nunca en el paquete del navegador.
- El inicio de sesión con Google dentro de la app necesita el Social Login Helper de WebViewGold, porque Google bloquea OAuth en los WebViews embebidos.
- Made with Dyad: La plantilla predeterminada pone un enlace "Made with Dyad" al final de la página principal. Pide a Dyad que elimine el componente MadeWithDyad en todas partes antes de compilar la app. Más sobre las insignias de las herramientas.
Deja que Dyad haga el trabajo de preparación para la tienda
Pega esto en Dyad y deja que aplique los cambios que buscan los revisores. Revisa el resultado y publica.
Prompt para pegar en Dyad
Prepara esta app para publicarla como app nativa de iOS y Android (se ejecutará dentro de un envoltorio WebView nativo que carga la URL desplegada): 1. Añade rutas /privacy y /terms en src/App.tsx con páginas de ejemplo que pueda editar, y enlázalas desde el pie de página y la pantalla de ajustes. 2. Añade una acción "Eliminar mi cuenta" en los ajustes de la cuenta que llame a una función de servidor de Supabase para eliminar las filas del usuario y su usuario de autenticación, con un cuadro de confirmación. 3. Elimina el componente MadeWithDyad de todas las páginas. 4. Haz que todas las páginas sean responsive desde 320px hasta el ancho de un iPad, sin desplazamiento horizontal y con áreas táctiles de al menos 44px. 5. Muestra un estado amable con opción de reintentar cuando falle una solicitud, en lugar de una pantalla vacía. 6. Asegúrate de que no se use ninguna clave de API en el código del cliente; muévelas a funciones de servidor de Supabase. 7. Usa el nombre de la app como <title> en index.html (máx. 30 caracteres) y añade una meta description.
Revisión de Google Play: las reglas que importan para apps de Dyad
Google revisa el comportamiento, no las herramientas. Nadie es rechazado por usar Dyad; las apps se rechazan por los puntos de abajo.
- Funcionalidad mínima
Política de spam y funcionalidad mínima
Google rechaza las apps que solo envuelven un sitio web sin permiso de su propietario o que no ofrecen ninguna funcionalidad real. Empaquetar tu propio producto con funciones nativas añadidas está bien.
- Seguridad de los datos
Política de datos de usuario
Toda app necesita una URL de política de privacidad y un formulario Data safety completo que indique qué recopilan la app y sus SDKs.
- Eliminación de cuenta
Política de datos de usuario
Las apps que permiten crear cuentas deben ofrecer la eliminación de la cuenta dentro de la app y mediante un enlace web que indiques en la Play Console.
- Requisito de pruebas
Cuentas de desarrollador personales
Las cuentas personales creadas después de noviembre de 2023 deben hacer una prueba cerrada con al menos 12 testers durante 14 días seguidos antes de poder solicitar acceso a producción.
- Nivel de API objetivo
Requisitos de nivel de API objetivo
Las apps nuevas deben apuntar a una versión reciente de Android. Las actualizaciones de WebViewGold mantienen la plantilla al día; basta con compilar con la última versión.
- Pagos
Google Play Billing
Los bienes digitales y las suscripciones que se venden dentro de la app normalmente deben usar Google Play Billing (WebViewGold es compatible con RevenueCat). Los bienes físicos y los servicios pueden usar otros métodos de pago.
Funciones nativas que tu app de Dyad obtiene en la app para Android
Cada función es opcional y está documentada paso a paso en la Documentación de WebViewGold para Android.
Notificaciones push
Push remoto con OneSignal o Pushwoosh y notificaciones locales programadas mediante una llamada de JavaScript.
DocumentaciónApp Links y deep links
Los enlaces https a tu dominio y los esquemas personalizados se abren directamente en la app.
DocumentaciónCompras dentro de la app
Suscripciones y compras únicas de Google Play con RevenueCat, iniciadas desde tu web app.
DocumentaciónPantalla sin conexión y respaldo
Una pantalla nativa de "Reintentar" cuando el usuario no tiene conexión, o una página HTML local de respaldo.
DocumentaciónPantalla splash e indicador de carga
Duración mínima y máxima del splash con fundido, o un indicador de carga nativo mientras se carga.
DocumentaciónInicio de sesión biométrico
Bloqueo con huella dactilar / desbloqueo facial mediante una llamada de JavaScript.
DocumentaciónEscáner de códigos QR y de barras
Escáner nativo que devuelve el resultado a tu web app.
DocumentaciónCompartir nativo y respuesta háptica
Share intent y respuesta háptica desde tu web app.
DocumentaciónCSS y JavaScript personalizados
Oculta los elementos exclusivos del sitio web e inyecta código cuando la página se carga dentro de la app.
DocumentaciónSubida de archivos y desde la cámara
Selector de archivos nativo y cámara para tus formularios de subida.
DocumentaciónLista de verificación previa para Google Play
Marca estos puntos y la revisión será un mero trámite. La comprobación de preparación gratuita verifica automáticamente la mitad técnica.
- HTTPS en todas partes: en las versiones actuales, Android bloquea por defecto el tráfico http:// sin cifrar.
- Diseño responsive desde 320 px hasta anchos de tablet, con un comportamiento predecible del botón Atrás (WebViewGold asigna el botón Atrás al historial web).
- URL de la política de privacidad lista y formulario Data safety respondido con veracidad.
- Eliminación de cuenta dentro de la app más un enlace web de eliminación si los usuarios pueden registrarse.
- Credenciales de acceso para el revisor si el contenido está detrás de un inicio de sesión.
- Un nombre de paquete único (por ejemplo com.yourcompany.yourapp) definido antes de la primera subida: después ya no se puede cambiar nunca.
- Un icono de 512 × 512 px y un gráfico destacado de 1024 × 500 px.
- Al menos dos capturas de teléfono tomadas de la app real (se recomiendan capturas de tablet).
- Para cuentas personales nuevas: 12 testers preparados para la prueba cerrada de 14 días.
- Android App Bundle (.aab) firmado, compilado con la última versión de WebViewGold.
Ejemplo: del proyecto en Dyad a la app aprobada
Imagina que creaste con Dyad una tarjeta de fidelización digital para una cafetería de tueste propio: los clientes se registran, muestran un código QR personal en el mostrador y consiguen un sello con cada café. Dyad escribió la app React en tu portátil, Supabase guarda los clientes y los sellos, y Sync to GitHub la despliega en Vercel bajo cards.yourroastery.com. En la app de WebViewGold, el barista abre la página del personal y toca un botón de escaneo que llama a qrcode://; el código del cliente codifica una URL como /stamp/8f3k, que se abre dentro de la app y añade el sello. Una notificación push de OneSignal avisa a los clientes cuando su décimo café es gratis. Quitas el enlace Made with Dyad, ambas tiendas aprueban la app y tu portátil puede quedarse cerrado: la app sigue funcionando en Vercel y Supabase.
Tu primera semana tras el lanzamiento
- Haz los cambios en Dyad, pruébalos en la vista previa local y después haz Sync to GitHub; nada llega a la app hasta que termina la compilación de Vercel.
- Añade a AI_RULES.md una sección breve sobre las llamadas al puente de WebViewGold, para que los prompts posteriores no eliminen el botón de escaneo ni el registro de push.
- Guarda la clave de tu proveedor de IA en Dyad, en tu ordenador; la app desplegada solo necesita las claves de Supabase pensadas para el navegador.
- Revisa el uso de Vercel y Supabase después del lanzamiento; un plan gratuito que alcanza sus límites parece una app rota a ojos de los clientes.
- Pide una valoración con rateapp:// justo después de que un cliente canjee su primer café gratis.
Lo que obtienes con WebViewGold
Un proyecto de app nativa completo, no una suscripción. Todo lo siguiente está incluido en la licencia y se activa con un ajuste.
- Proyecto de Android Studio completo
- Notificaciones push
- Pantalla sin conexión
- Icono y pantalla de inicio
- Compartir nativo y vibración
- Deep links y enlaces universales
- Compras dentro de la app
- Actualizaciones gratis, marca blanca
Preguntas frecuentes
¿Se puede publicar una app de Dyad en el App Store y en Google Play?
Sí, en cuanto funcione en una URL HTTPS pública. Sincroniza el proyecto con GitHub, despliégalo en Vercel u otro host, introduce esa URL en WebViewGold y compila las apps de iOS y Android. Las apps cargan tu despliegue, así que el código sigue siendo un proyecto web normal que continúas editando en Dyad.
Dyad tiene una actualización a Capacitor. ¿Por qué usar WebViewGold?
La actualización a Capacitor es experimental y te deja con proyectos nativos que configurar y recompilar cada vez que cambia el código web. WebViewGold te da proyectos de Xcode y Android Studio listos, con las funciones nativas como opciones de configuración, y como carga tu URL desplegada, los cambios web llegan a los usuarios sin una nueva compilación para la tienda.
¿Necesito Android Studio?
O bien Android Studio (gratuito, funciona en Windows, macOS y Linux) o bien el WebViewGold Cloud Builder, que compila y sube el App Bundle firmado desde tu navegador.
¿Qué es la regla de los 12 testers?
Google exige que las cuentas de desarrollador personales creadas después de noviembre de 2023 hagan una prueba cerrada con al menos 12 testers inscritos durante 14 días seguidos antes del primer lanzamiento en producción. Bastan amigos, compañeros o una comunidad de Discord; las cuentas de organización están exentas.
¿Y si Google rechaza la app?
Google indica la política afectada y puedes corregir y volver a enviar. WebViewGold incluye una garantía de aprobación en Google Play: si Google rechaza la app por un motivo ajeno al contenido, te devolvemos el dinero en los 14 días siguientes a la compra.
¿Tiene que estar encendido mi ordenador para que funcione la app de Dyad?
No. Dyad solo se ejecuta mientras construyes. La app publicada la sirve Vercel (u otro host) y usa Supabase o Neon en la nube, así que los clientes pueden usarla con tu portátil cerrado. Tu ordenador solo vuelve a importar cuando quieres cambiar algo y hacer Sync to GitHub.
¿Qué modelo de IA debería usar en Dyad para una app de las tiendas?
Cualquier modelo que maneje bien React y Supabase. Apple y Google revisan la app desplegada, no el modelo que la escribió. Más importantes son un AI_RULES.md breve, que mantiene coherente lo que produce Dyad con distintos modelos, y la costumbre de probar la URL de producción en un teléfono real antes de enviar la app.
¿Tengo que volver a enviar la app cada vez que cambio algo en Dyad?
No. La app carga tu URL publicada, así que los cambios de contenido y de funciones que publiques en Dyad están disponibles en la app de inmediato. Solo necesitas una nueva versión en la tienda cuando cambia la carcasa nativa, por ejemplo un nuevo icono o una función nativa añadida.
¿Cuánto cuesta en total?
$109 en un pago único por WebViewGold para Android (actualizaciones gratuitas) más la cuenta de desarrollador (Google Play Console, $25 en un pago único). Opcional: el complemento Cloud Builder ($349 por licencia, pago único) si quieres compilar en el navegador sin Mac, o el paquete Full Service (desde $698 por plataforma), con el que nuestro equipo configura, compila y envía la app por ti.
Tres formas de llevar tu app a las tiendas
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.
Hazlo tú mismo
$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 principalCloud Builder
$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 gratuitaFull Service
$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.