Setup Inicial - Ionic
Comandos básicos para crear un proyecto Ionic con Angular:
# Instalar Ionic CLI globalmente
npm install -g @ionic/cli
# Crear nuevo proyecto
ionic start myapp blank --type=angular
# Entrar al proyecto
cd myapp
# Iniciar servidor de desarrollo
ionic serve
Autenticación JWT
Esquema básico para implementar autenticación:
- Crear AuthService que guarde el token en Storage
- Implementar HTTP Interceptor para añadir Authorization: Bearer
- Crear AuthGuard para proteger rutas privadas
- Implementar flujo de refresh token si es necesario
Usa @ionic/storage-angular para persistir tokens de forma segura entre sesiones.
Builds y Releases
Comandos para generar builds de producción:
# Build web optimizado
ionic build --prod
# Build Android (genera APK/AAB)
ionic capacitor build android
# Build iOS (requiere macOS + Xcode)
ionic capacitor build ios
# Sincronizar cambios web con nativo
ionic capacitor sync
Alternativa: React Native
Setup básico con Expo:
# Instalar Expo CLI
npm install -g expo-cli
# Crear proyecto
npx create-expo-app myapp
# Iniciar desarrollo
cd myapp && npx expo start
Entregables Típicos
- Repositorio con código fuente y README de instalación
- APK firmado para pruebas en Android
- Instrucciones para build iOS (requiere cuenta Apple Developer)
- Documentación de API y endpoints consumidos
- Guía de handoff para desarrolladores y QA