Tutoriales
Intermedio
Aprenderás
- Requisitos de aplicaciones móviles
- Generación de React Native
- Integración de funciones nativas
- Pruebas basadas en Docker
- Despliegue en tiendas de aplicaciones
- Publicación en la Economía de creadores
Crea una aplicación móvil
Crea aplicaciones para iOS y Android listas para producción en 25 minutos
¿Quieres llegar a los usuarios en sus teléfonos? En este tutorial, crearás una aplicación de fitness móvil completa para iOS y Android. Mira cómo Conductor planifica y Virtuoso construye tu aplicación de React Native en contenedores Docker reales, con compilaciones y pruebas reales.
Qué construiremos
Una aplicación de seguimiento de fitness con: registro de entrenamientos, gráficos de progreso, notificaciones push, integración con kits de salud, soporte sin conexión y funciones para compartir en redes sociales, lista para producción en la App Store y Google Play.
Requisitos previos
- Haber completado el tutorial de Primeros pasos
- Cuenta de Nxcode (Lite o Pro)
- No se requiere experiencia en desarrollo móvil
Desarrollo móvil con Nxcode
Nxcode genera aplicaciones de React Native que se ejecutan de forma nativa en iOS y Android. Esto es lo que lo hace diferente:
Código nativo real
No es un contenedor web: es React Native real que se compila en binarios nativos de iOS y Android.
Pruebas en Docker
Tu aplicación se compila y se ejecuta en Docker. Si no compila, Virtuoso lo soluciona automáticamente.
Funciones nativas
Cámara, notificaciones, kit de salud, geolocalización: todo funciona de inmediato.
Una sola base de código
Un solo código para ambas plataformas, con optimizaciones específicas para cada plataforma donde sea necesario.
Descripción de tu aplicación móvil
Dile a Conductor lo que quieres. Sé específico sobre las funciones nativas:
Crea una aplicación de seguimiento de fitness para iOS y Android:
Funciones principales:
- Registro de entrenamientos con ejercicios, series, repeticiones, pesos
- Seguimiento de cardio con GPS para carreras al aire libre
- Gráficos de progreso que muestran ganancias de fuerza a lo largo del tiempo
- Temporizador de descanso entre series con notificaciones
- Historial de entrenamientos y récords personales
Integración de salud:
- Sincronización con Apple Health / Google Fit
- Conteo de pasos y actividad diaria
- Frecuencia cardíaca durante los entrenamientos (si está disponible)
Funciones sociales:
- Compartir resúmenes de entrenamiento en redes sociales
- Desafíos de amigos y tablas de clasificación
- Plantillas de entrenamiento de la comunidad
Soporte sin conexión:
- Funcionalidad completa sin conexión
- Sincronización al volver a estar en línea
Diseño:
- Modo oscuro por defecto
- Botones grandes y fáciles de tocar
- Animaciones fluidasConductor planifica tu aplicación móvil
Para aplicaciones móviles, Conductor crea un plan que gestiona las diferencias entre plataformas:
Fase 1: Configuración principal
- 1Inicializar React Native con TypeScript
- 2Configurar navegación (pestañas + pila)
- 3Configurar gestión de estado (Redux)
- 4Crear capa de datos con prioridad sin conexión
Fase 2: Funciones de entrenamiento
- 1Crear pantallas de registro de entrenamiento
- 2Crear base de datos de ejercicios
- 3Implementar temporizador de descanso con notificaciones
- 4Añadir gráficos de progreso
Fase 3: Integración nativa
- 1Integración con Apple Health / Google Fit
- 2Seguimiento por GPS para cardio
- 3Configuración de notificaciones push
- 4Cámara para fotos de progreso
Fase 4: Social y pulido
- 1Integración para compartir en redes sociales
- 2Sistema de amigos y desafíos
- 3Animaciones y respuesta háptica
- 4Generación de recursos para la tienda de aplicaciones
Conductor
Estoy planificando tu aplicación de fitness. Preguntas rápidas: 1. ¿El seguimiento por GPS debería funcionar en segundo plano durante las carreras? 2. ¿Quieres aplicaciones complementarias para Apple Watch / Wear OS? 3. ¿Los datos de entrenamiento deben sincronizarse entre dispositivos? 4. ¿Alguna base de datos de ejercicios específica (o crearé una completa)?
User
Sí al GPS en segundo plano. No a las aplicaciones de reloj por ahora. Sí a la sincronización entre dispositivos. Crea una buena base de datos predeterminada.
Conductor
¡Perfecto! He creado 18 tareas en 4 fases. Virtuoso compilará y probará tanto en simuladores de iOS como de Android en Docker. Esto toma unos 12-15 minutos. ¡Comenzando!
Observando las compilaciones móviles en Docker
Virtuoso ejecuta compilaciones móviles reales, no solo generación de código:
Paquete de JavaScript creado y validado
Xcode compila en Docker, los errores se detectan pronto
Compilación de Gradle con el SDK de Android real
Las aplicaciones se inician y se prueban los flujos básicos
Permisos de kit de salud, GPS y cámara verificados
A diferencia de las herramientas que solo generan código, Nxcode realmente construye tu aplicación. Si React Native arroja errores de compilación, Virtuoso los corrige automáticamente. Obtienes una aplicación funcional, no un proyecto roto.
Integración de funciones nativas
Virtuoso se encarga de la compleja configuración nativa:
Health Kit / Google Fit
Lectura de pasos, entrenamientos, frecuencia cardíaca. Escritura de sesiones de entrenamiento. Gestión adecuada de permisos.
GPS y ubicación en segundo plano
Seguimiento de carreras al aire libre incluso cuando la aplicación está en segundo plano. Implementación optimizada para la batería.
Notificaciones push
Notificaciones locales para temporizadores de descanso. Notificaciones remotas para la actividad de amigos.
Prioridad sin conexión
SQLite para almacenamiento local. Sincronización en segundo plano cuando se está en línea. Resolución de conflictos incluida.
Probando tu aplicación móvil
Múltiples formas de probar antes de enviarla a la tienda de aplicaciones:
Vista previa web
Vista previa rápida en el navegador. Buena para la interfaz de usuario, pero sin funciones nativas.
Expo Go
Escanea el código QR, prueba en tu teléfono. La mayoría de las funciones funcionan.
Compilación de desarrollo
Compilación nativa completa para probar todas las funciones, incluido el kit de salud.
TestFlight / Pruebas internas
Comparte con probadores beta antes del lanzamiento público.
Despliegue en la tienda de aplicaciones
Nxcode simplifica el proceso de envío a la tienda de aplicaciones:
- Haz clic en "Compilar para producción"
- IPA (iOS) y AAB (Android) firmados generados
- Capturas de pantalla de la tienda de aplicaciones generadas automáticamente
- Política de privacidad y texto de la ficha creados
- Subida a App Store Connect / Google Play Console
Qué está incluido
- Firma de código gestionada automáticamente
- Generación de capturas de pantalla para todos los tamaños de dispositivos
- Sugerencias de contenido para la ficha de la App Store
- Generador de política de privacidad
- Gestión de versiones
Monetiza tu aplicación móvil
Convierte tu aplicación en ingresos recurrentes:
Suscripciones integradas
Virtuoso puede añadir niveles de suscripción (gratuito, pro) con facturación de App Store / Play Store.
Economía de creadores
Publica en el mercado de Nxcode. Los usuarios pagan a través de nuestra plataforma, tú te quedas con el 70%.
Ventas directas
Vende funciones premium directamente a través de tu propia cuenta de Stripe.
Muchas aplicaciones de fitness cobran $9.99 al mes. Con 200 suscriptores, eso son $1,400 al mes (después de la participación del 70% de la Economía de creadores).
Qué has construido
- Aplicación de React Native lista para producción
- Soporte nativo para iOS y Android
- Integración con kit de salud y GPS
- Arquitectura con prioridad sin conexión
- Notificaciones push
- Compilaciones listas para la tienda de aplicaciones
Tu aplicación móvil no solo fue generada: fue construida, probada en simuladores de iOS y Android, y verificada para compilar realmente. Esa es la diferencia de Nxcode.
Próximos pasos
Aplicación web complementaria
Añade un panel web para tu aplicación móvil
Aplicación web complementaria →¿Listo para crear tu aplicación móvil?
Comienza a crear tu aplicación para iOS y Android ahora.