1. Describe la corrección
Abre la pestaña Code, elige el repositorio y la rama y describe el problema como un informe de error: qué pantalla, qué dispositivo, qué esperabas. El prompt de abajo es un buen modelo, y dictarlo funciona perfectamente.
Por qué esto funciona tan bien con las apps de WebViewGold
Los binarios de App Store y Google Play contienen el envoltorio nativo: la URL, el nombre, el icono, los permisos y las funciones que activaste. Tus pantallas, textos, flujos y correcciones de errores viven en la app web. Cuando despliegas la app web, las dos apps de las tiendas muestran la nueva versión en su siguiente carga, sin nueva compilación y sin esperar una revisión. "Arreglar la app" se convierte en "arreglar un sitio web", y un sitio web se puede arreglar desde cualquier parte.
Claude Code en la web, en claude.ai/code, ejecuta cada tarea en una sesión en la nube: una máquina virtual nueva con tu repositorio de GitHub clonado, donde Claude edita archivos, ejecuta tu build y tus tests y sube una rama. La app de Claude para iOS y Android accede a las mismas sesiones en su pestaña Code. Las sesiones siguen ejecutándose cuando bloqueas el teléfono y puedes retomarlas después en cualquier dispositivo. Necesitas un plan de pago de Claude que incluya Claude Code y un repositorio en GitHub.
Configuración única
Hazlo una vez en un ordenador; después, te basta con el teléfono.
Despliega desde Git
Conecta el repositorio a Vercel, Netlify o Cloudflare Pages para que la rama principal se despliegue en producción y cada pull request reciba una URL de vista previa. El merge se convierte en tu botón de despliegue, y la sesión en la nube nunca necesita un token de despliegue.
Conecta GitHub con Claude
Abre claude.ai/code y autoriza la Claude GitHub App para el repositorio. Si ya usas la GitHub CLI,
/web-setupen una sesión de Claude Code en la terminal es una alternativa.Revisa el entorno en la nube
El entorno Default tiene acceso de red Trusted: los registros de paquetes y GitHub son accesibles, los hosts arbitrarios no. Eso basta para instalar dependencias, compilar y ejecutar tests. No pongas secretos en sus variables de entorno; todos los que usan el entorno pueden leerlas.
Instala las dependencias automáticamente
Añade el hook SessionStart de abajo a
.claude/settings.jsony el pequeño script que lo acompaña, para que cada sesión en la nube empiece connode_modulesya instalado. En tu propia máquina el script no hace nada.Sube con commit el contexto de tu proyecto
Las sesiones en la nube leen el CLAUDE.md del repositorio,
.claude/settings.json, los comandos, las skills y los subagentes. La plantilla CLAUDE.md y el hook que bloquea localhost te protegen en el teléfono exactamente igual que en tu escritorio.Instala la app de Claude
Instala la app de Claude en tu iPhone o tu teléfono Android, inicia sesión con la misma cuenta y abre la pestaña Code. Tu repositorio debería aparecer cuando inicies una sesión nueva.
El hook SessionStart en .claude/settings.json
El bloque PreToolUse es el hook contra localhost de la guía de publicación; los dos hooks viven en el mismo archivo. $CLAUDE_PROJECT_DIR siempre apunta a la raíz del repositorio.
json
{
"hooks": {
"SessionStart": [
{
"matcher": "startup|resume",
"hooks": [
{
"type": "command",
"command": "bash \"$CLAUDE_PROJECT_DIR\"/scripts/cloud-setup.sh"
}
]
}
],
"PreToolUse": [
{
"matcher": "Bash",
"hooks": [
{
"type": "command",
"command": "\"$CLAUDE_PROJECT_DIR\"/.claude/hooks/guard-native-config.sh",
"timeout": 30
}
]
}
]
}
}
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 :-)
scripts/cloud-setup.sh
La comprobación de CLAUDE_CODE_REMOTE evita que se ejecute en local, y la de node_modules omite la instalación cuando ya está hecha.
bash
#!/bin/bash
# scripts/cloud-setup.sh
# Runs at the start of every Claude Code session; does nothing on your own machine.
[ "$CLAUDE_CODE_REMOTE" = "true" ] || exit 0
cd "$CLAUDE_PROJECT_DIR" || exit 1
[ -d node_modules ] || npm ciEl ciclo desde tu teléfono
2. Deja que trabaje
Claude edita, compila y ejecuta los tests en la VM en la nube. Bloquea el teléfono si quieres; la sesión sigue en marcha y respondes a sus preguntas cuando vuelvas.
3. Revisa el diff
Abre la tarjeta Changes y toca el recuento de líneas para ver el diff. Comenta líneas sueltas y envía los comentarios con tu siguiente mensaje si algo no está bien.
4. Abre el pull request
Deja que Claude cree el pull request. Tu hosting genera un despliegue de vista previa, y la comprobación de preparación para las tiendas de GitHub Actions comenta los riesgos para las tiendas.
5. Revisa la vista previa y haz merge
Abre la URL de vista previa en el navegador de tu teléfono y prueba el flujo corregido; después haz merge en la app de GitHub o en el navegador. El merge lanza el despliegue a producción.
6. Confírmalo en la app de la tienda
Cierra por completo la app de WebViewGold y vuelve a abrirla. Carga la nueva versión de producción, igual que las apps de tus usuarios en su siguiente inicio.
Un informe de error que funciona desde el teléfono
Pantalla, dispositivo y expectativa concretos, una dirección clara para la corrección, las comprobaciones que hay que ejecutar y un límite ("nada en native/"). Es todo lo que necesita una sesión en la nube.
Escríbelo o díctalo en la pestaña Code de la app de Claude
Error en producción en la app de iPhone (una app de WebViewGold que carga https://app.example.com): en la pantalla de pago, el botón Pagar queda detrás del indicador de inicio en el iPhone 15 y posteriores. Lo esperado: el botón entero visible por encima del indicador de inicio, como en Safari. Corrígelo con un padding env(safe-area-inset-bottom) en la barra fija de pago, deja el diseño de escritorio sin cambios y comprueba si alguna otra barra inferior fija tiene el mismo problema. Ejecuta npm run lint y npm run build. Haz commit en una rama nueva y abre un pull request con una descripción de tres líneas que pueda leer en el teléfono. No cambies nada en native/.
¿Despliegue o compilación para la tienda?
| Cambio | Se publica con un despliegue web | Necesita una nueva compilación para la tienda |
|---|---|---|
| Correcciones de diseño, textos, pantallas y flujos nuevos | Sí | No |
| Un botón nuevo que usa una función del puente que ya activaste, como el menú de compartir | Sí | No |
| Activar una nueva función nativa, un proveedor de push o un permiso | Solo la parte web | Sí: cambian Config.swift, Config.java, Info.plist o AndroidManifest.xml |
| Un nuevo dominio de producción o una nueva URL de inicio | No | Sí, la URL va compilada dentro de la app |
| Nombre de la app, icono, pantalla splash | No | Sí |
| Nuevos productos de compra dentro de la app | Solo la parte web | Productos en App Store Connect y la Play Console, más una compilación si cambia la configuración nativa |
| Una nueva versión de WebViewGold | No | Sí |
Cuando al final sí necesitas tu ordenador
Las sesiones en la nube se ejecutan en máquinas virtuales Linux. Tienen Node.js, Python, Java y Gradle, pero no Xcode ni el Android SDK, así que no pueden compilar las apps nativas. Para un cambio nativo tienes tres opciones. Inicia Claude Code con claude remote-control en tu Mac y maneja esa sesión local desde la pestaña Code; el trabajo y las herramientas de compilación se quedan en tu máquina. Pasa la compilación al Cloud Builder, que compila y sube las dos apps desde un navegador. O déjalo para tu próxima sesión en el escritorio.
Hay otros dos traspasos que conviene conocer. En la app de Claude puedes pedirle a Claude que vigile un pull request y corrija los fallos de CI o los comentarios de revisión a medida que llegan; esta corrección automática necesita la Claude GitHub App en el repositorio. Y de vuelta en tu ordenador, claude --teleport trae una sesión en la nube a tu terminal, con la rama y la conversación incluidas. Para ver el panorama completo de lo que necesita una publicación en la tienda, consulta cambios web frente a nativos después del lanzamiento.
Lista de comprobación para un despliegue seguro desde el teléfono
- El despliegue de vista previa funciona en el navegador de tu teléfono para el flujo que cambiaste.
- Lint, build y la comprobación de preparación para las tiendas están en verde en el pull request.
- No ha cambiado nada en
native/; si no, planifica una compilación para la tienda. - Sabes dónde está la reversión instantánea (rollback) en el panel de tu hosting.
- El HTML se sirve con cabeceras de caché cortas y los assets tienen nombres de archivo con hash, para que las apps descarguen la nueva versión en el siguiente inicio.
- Abres tú mismo la app real después del despliegue.
Errores habituales
- Hacer merge sin vista previa. Las apps de las tiendas muestran producción de inmediato. Un vistazo a la URL de vista previa en tu teléfono sale más barato que un hotfix.
- Secretos en el entorno en la nube. Sus variables de entorno son visibles para todos los que lo usan. Una corrección de interfaz no necesita secretos de producción, y los secretos de despliegue se quedan en tu proveedor de hosting.
- Llamadas de red bloqueadas. El acceso Trusted permite los registros de paquetes y GitHub, no tu API de staging. Si los tests la necesitan, añade tu dominio con el acceso de red Custom.
- Caché agresiva. Si tu HTML o un service worker guardan en caché bundles antiguos, los usuarios siguen viendo la versión antigua hasta que recargan. Pide una vez a Claude que revise las cabeceras de caché y la lógica de actualización del service worker.
- Sesiones caducadas. Una sesión en la nube inactiva acaba liberando su VM. Al reabrirla se recupera la conversación, pero no los procesos en ejecución, así que pide a Claude que vuelva a ejecutar el build si hace falta.
- Límites compartidos. Las sesiones en la nube cuentan para el uso de tu plan como cualquier otro trabajo de Claude Code, y las sesiones en paralelo lo agotan más rápido.
Preguntas frecuentes
¿Necesito un ordenador para publicar una corrección así?
No para cambios en la app web: bastan la app de Claude, GitHub y tu proveedor de hosting. Para cambios en el envoltorio nativo necesitas un Mac para Xcode, un ordenador para Android Studio o el Cloud Builder en un navegador.
¿Qué planes de Claude incluyen sesiones en la nube?
En el momento de escribir esto, las sesiones en la nube forman parte de los planes de pago que incluyen Claude Code (Pro, Max, Ultra y Team) y de los puestos Enterprise con Claude Code. Consulta la página de planes actual de Anthropic, porque esto cambia.
¿Tienen los usuarios que actualizar la app desde la tienda para recibir la corrección?
No. Las apps de WebViewGold cargan tu URL de producción, así que la corrección aparece en el siguiente inicio o recarga. Solo los cambios en el envoltorio nativo necesitan una actualización en la tienda.
¿Está permitido cambiar una app aprobada sin una nueva revisión?
Actualizar el contenido y corregir errores en tu app web es lo normal en las apps basadas en web. Cambiar el propósito de la app o añadir funciones que incumplen las directrices no lo es, y la próxima actualización nativa se revisa frente a la app web tal como esté entonces.
¿Puede Claude desplegar en producción directamente desde la sesión en la nube?
Es mejor que no. Deja que Claude abra un pull request y que tu proveedor de hosting despliegue al hacer merge. Así las credenciales de despliegue quedan fuera de la sesión y tienes un paso de revisión en tu teléfono.
¿La app de Android se actualiza de la misma forma?
Sí. Las dos apps cargan la misma URL de producción, así que un solo merge actualiza iOS y Android a la vez.
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.