Saltar al contenido principal

Etiquetado de versión en aplicaciones Capacitor

Aprenda los fundamentos de la etiquetado de versiones en aplicaciones Capacitor, incluyendo las mejores prácticas para actualizaciones, sincronización y automatización.

Etiquetado de versiones en aplicaciones Capacitor

El etiquetado de versiones es fundamental para gestionar Capacitor aplicaciones. Garantiza actualizaciones suaves, rastrea cambios y mejora la confiabilidad de la aplicación en iOS, Android y plataformas web. Aquí tienes un resumen rápido.

  • Por qué importa: Rastrea actualizaciones, habilita rollbacks y garantiza despliegues estables.
  • Semántica de versiones: Utilice MAJOR.MINOR.PATCH para indicar cambios importantes, nuevas características o correcciones de errores.
  • Sincronizar a través de plataformas: Alinear números de versión en package.jsoniOS Info.plist, and Android build.gradle.
  • Automation: Automatice las actualizaciones con npm scripts y herramientas CI/CD.
  • Actualizaciones en vivo:Herramientas como Capgo entregar actualizaciones a un 95% de usuarios en 24 horas.
  • Administración de Beta: Utilice canales estructurados para versiones alpha, beta y de producción.

Comparación Rápida

Característica Propósito Example
Semántica de Versión Numeralización Semántica 1.2.3 → 2.0.0
Registra cambios de manera clara Sincronización de Versiones npx cap sync
Automation Acelera las actualizaciones de versiones npm version patch
Actualizaciones en vivo Acelera la adopción de los usuarios Capgo’s 95% en 24 horas
Canales de beta Fases de pruebas controladas 1.3.0-beta.1

La etiquetado de versiones simplifica app updatesmantiene a los usuarios felices y permite a los desarrolladores gestionar las versiones de manera efectiva.

Cómo configurar automáticamente su Capacitor proyecto ⚡️

Documentación del sitio web del framework Capacitor

Configuración de Versión en Capacitor

Sigue estos pasos para garantizar un manejo de versiones consistente en todas las plataformas de tu aplicación Capacitor.

Configuración de la Versión en package.json

El package.json archivo es la fuente principal para los detalles de la versión de tu aplicación. Aquí tienes un ejemplo de cómo configurarlo:

{
  "name": "your-app-name",
  "version": "1.2.3",
  "private": true,
  "dependencies": {
    "@capacitor/core": "5.5.0",
    "@capacitor/ios": "5.5.0",
    "@capacitor/android": "5.5.0"
  }
}

Cuando actualices el número de versión, utiliza las reglas de numeración semántica (SemVer):

  • Versión mayor (1.x.x): Introduce cambios disruptivos.
  • Versión menor (x.2.x): Agrega nuevas características que son compatibles hacia atrás.
  • Versión de parche (x.x.3): Corrige errores o realiza mejoras pequeñas.

Mantener versiones de plataforma sincronizadas

Es importante alinear los números de versión en todas las plataformas para una implementación de aplicaciones suave. Cada plataforma tiene su propio archivo de configuración para la versión:

Plataforma Archivo de configuración Clave de versión
iOS Info.plist CFBundleShortVersionString
Android build.gradle nombre de versión
Web package.json versión

Después de actualizar la versión en package.json, utilice este comando para sincronizar los cambios con las configuraciones de plataforma nativa:

npx cap sync

Usando Capacitor CLI para la Gestión de Versiones

La Capacitor CLI ofrece comandos útiles para gestionar versiones:

# Check the current version of Capacitor
npx cap --version

# Update Capacitor core and platform dependencies
npm install @capacitor/core@latest
npm install @capacitor/ios@latest
npm install @capacitor/android@latest

# Sync version changes to native platforms
npx cap sync

Mantener actualizado su Capacitor CLI garantiza la compatibilidad con características específicas de la versión y reduce el riesgo de desacuerdos. Sigue estos pasos para mantener una versión correcta en tu aplicación.

Configuración de Versión Semántica

Conceptos básicos de Versión Semántica

Versión Semántica (SemVer) utiliza el formato MAJOR.MINOR.PATCHdónde cada parte indica un tipo específico de cambio:

Componente de Versión Propósito
MAJOR Introduce cambios disruptivos en el API
MINOR Agrega nuevas características que siguen siendo compatibles con versiones anteriores
PATCH Corrige errores o mejora el rendimiento sin romper la compatibilidad

Este sistema permite a los desarrolladores comunicar actualizaciones de manera clara mientras preserva la compatibilidad entre versiones de aplicaciones. Por ejemplo, pasar de 1.2.3 a 2.0.0 señalan actualizaciones importantes que requieren un planificación cuidadosa.

¿Cuándo actualizar los números de versión?

Aquí está cómo decidir qué número de versión actualizar:

Update Type ¿Cuándo utilizar? Ejemplo de cambio de versión
Actualización importante For breaking API changes or major UI redesigns 1.2.3 → 2.0.0
Actualización menor Cuando se introducen nuevas características o se marcan como obsoletas 1.2.3 → 1.3.0
Actualización de parche Para correcciones de errores o ajustes de rendimiento leves 1.2.3 → 1.2.4

“Practicamos el desarrollo ágil y @Capgo es crucial para entregar continuamente a nuestros usuarios!” - Rodrigo Mantica [1]

Ahora, veamos cómo automatizar estas actualizaciones para simplificar la gestión de versiones.

Automatización de actualizaciones de versión

Automatizar las actualizaciones de versión puede ahorrar tiempo y reducir errores en tu proyecto Capacitor. Aquí te mostramos cómo configurarlo:

  1. Scripts de versión de NPM

Agrega estos scripts a tu package.json file to manage version updates easily:

{
  "scripts": {
    "version:patch": "npm version patch",
    "version:minor": "npm version minor",
    "version:major": "npm version major"
  }
}
  1. Integración CI/CD
    Incorpora actualizaciones de versión en tu pipeline CI/CD. Capgo admite herramientas como Incorpora actualizaciones de versión en tu pipeline CI/CD. Capgo admite herramientas como GitHub Actions, GitLab CI, y Jenkins, lo que lo hace simple automatizar el proceso.

“@Capgo es una herramienta imprescindible para los desarrolladores que buscan productividad evitando revisiones de bug largas.” - Bessie Cooper [1]

Métodos de Etiquetado de Versión

Etiquetas de Versión Git

Marcas de versión de Git son una forma confiable de mantener el control Capacitor lanzamientos de aplicaciones. Para crear etiquetas claras e informativas, combine la numeración semántica con una breve descripción:

git tag -a v1.2.3 -m "Release v1.2.3: Added offline mode support"

Para mantener la consistencia en su equipo, utilice un formato de etiquetado estándar:

Etiqueta de Componente Formato Ejemplo
Versión de Lanzamiento v[MAYOR].[MINOR].[CORRECCIÓN] v1.2.3
Versión Beta v[VERSION]-beta.[NUMBER] v1.2.3-beta.1
Candidato a Lanzamiento v[VERSION]-rc.[NUMBER] v1.2.3-rc.2

Integración de Número de Compilación

Los números de compilación ayudan a rastrear las compilaciones individuales dentro de cada versión. Para iOS y Android, incremente el número de compilación con cada envío:

{
  "ios": {
    "version": "1.2.3",
    "build": "10234"
  },
  "android": {
    "version": "1.2.3",
    "versionCode": "10234"
  }
}

El número de compilación debe aumentar siempre, incluso si la versión sigue siendo la misma. Esto garantiza que cada envío a las tiendas de aplicaciones se identifique de manera única mientras se mantiene la versión clara para los usuarios.

Gestión de versiones beta

La gestión de versiones beta requiere un proceso estructurado para distribuir compilaciones de prueba. Capgo’s sistema de canal simplifica esto con los siguientes pasos:

  1. Configuración de canal

Crear canales separados para cada fase de prueba:

{
  "beta": {
    "version": "1.3.0-beta.1",
    "users": "beta-testers"
  },
  "production": {
    "version": "1.2.3",
    "users": "all"
  }
}
  1. Control de acceso del usuario

Configurar permisos para controlar quién tiene acceso a versiones beta. Esto garantiza que solo los probadores aprobados reciban compilaciones beta mientras que los usuarios de producción obtengan versiones establecidas.

  1. Progresión de versión

Utilice un sistema de progresión de versión claro para rastrear las etapas de desarrollo:

Etapa Formato de versión Propósito
Alfa 1.3.0-alfa.1 Pruebas internas
Beta 1.3.0-beta.1 Grupo de pruebas externas
RC (Candidato a liberación) 1.3.0-rc.1 Pruebas finales antes de la liberación
Producción 1.3.0 Lanzamiento público

Esta aproximación garantiza una prueba exhaustiva y transiciones suaves entre las etapas de desarrollo, manteniendo el seguimiento de versiones organizado y transparente a lo largo del proceso.

Mostrar Versión de la Aplicación

Mostrar información de versión precisa en tu aplicación es clave para mantener a los usuarios informados y gestionar actualizaciones de manera efectiva.

Obtener Versión con Capacitor

Puedes recuperar detalles de versión utilizando Capacitor con este code:

import { App } from '@capacitor/app';

async function getAppInfo() {
  const info = await App.getInfo();
  console.log(`Version: ${info.version}`);
  console.log(`Build: ${info.build}`);
}

Para un enfoque más escalable, crea una función reutilizable:

export const getVersionString = async () => {
  const info = await App.getInfo();
  return `v${info.version} (${info.build})`;
};

Esta función simplifica el proceso de mostrar información de versión en la interfaz de tu aplicación.

Implementación de UI de Versión

Aquí tienes un ejemplo de cómo integrar la visualización de versión en un componente de ajustes:

@Component({
  selector: 'app-settings',
  template: `
    <div class="version-info">
      <span>Version: {{ versionString }}</span>
      <span *ngIf="updateAvailable" class="update-badge">
        Update Available
      </span>
    </div>
  `
})

Los lugares comunes para mostrar detalles de versión incluyen:

Ubicación Propósito Implementación
Pantalla de configuración Versión completa y compilación Información de versión detallada
Sobre la Página Mostrar versión básica Versión del número
Pie de Página Mostrar versión mínima Cadena de versión condensada

Además de mostrar información de versión, integrar un sistema de comprobación de actualizaciones puede mejorar la experiencia del usuario.

Sistema de Verificación de Actualizaciones

Un sistema de verificación de actualizaciones garantiza que los usuarios tengan acceso a las últimas características y correcciones. Capgo proporciona notificaciones en tiempo real y canales de actualización controlados para gestionar este proceso:

import { CapacitorUpdater } from '@capgo/capacitor-updater';

async function checkForUpdates() {
  const current = await CapacitorUpdater.current();
  const latest = await CapacitorUpdater.getLatest();

  if (current.version !== latest.version) {
    await CapacitorUpdater.download({
      version: latest.version
    });
  }
}

“Practicamos el desarrollo ágil y @Capgo es crucial para entregar continuamente a nuestros usuarios!” - Rodrigo Mantica [1]

También puedes agregar una notificación de actualización para el usuario, como esta:

@Component({
  template: `
    <update-modal 
      [version]="newVersion"
      [features]="updateFeatures"
      (updateNow)="performUpdate()"
    />
  `
})

Para aplicaciones empresariales, Capgo permite controlar la distribución de actualizaciones mediante su sistema de canales:

Canales Update Type Auditorio objetivo
Producción Lanzamientos estable All users
Prueba Versiones de pruebas Grupo de prueba
Crítico Arreglos de emergencia Usuarios afectados

Este método garantiza la confiabilidad de la aplicación mientras sigue el rendimiento de las actualizaciones a través del panel de análisis de Capgo.

Solutions de Gestión de Versiones

Vamos a explorar soluciones avanzadas para gestionar versiones de aplicaciones de manera efectiva.

Opciones de Herramientas de Versión

Al seleccionar herramientas de control de versiones, es importante centrarse en aquellas que simplifiquen las actualizaciones, protejan su code y apoyen tanto las liberaciones de tiendas de aplicaciones como las actualizaciones en vivo.

Aquí hay algunas características clave a tener en cuenta.

Característica Importancia Impacto
Actualizaciones en vivo Crítico Reduce retrasos causados por revisiones de tiendas de aplicaciones
Seguridad Fundamental Garantiza la integridad de los datos del usuario y code
Análisis Importante Mide el éxito de la actualización y la adopción del usuario
Integración CI/CD Útil Facilita los procesos de despliegue
Eficiencia de Costos Stratégico Influences long-term budget planning

Una herramienta destacada en este espacio es Capgo, que ofrece características específicas diseñadas para Capacitor aplicaciones.

Capgo Características de Control de Versiones

Capgo Live Update Interfaz de la Consola

Capgo ofrece capacidades de gestión de versiones robustas, incluyendo:

  • 23,5M actualizaciones exitosas entregadas
  • 95% de los usuarios actualizados en 24 horas
  • 82% de tasa de éxito global
  • 434ms de tiempo de respuesta promedio mundial API

Aquí hay un ejemplo de cómo utilizar Capgo para el control de versiones:

// Capgo version control example
import { CapacitorUpdater } from '@capgo/capacitor-updater';

const versionControl = {
  async checkVersion() {
    const current = await CapacitorUpdater.current();
    return current.version;
  },

  async deployUpdate(version: string) {
    await CapacitorUpdater.setChannel({
      channel: 'production',
      version: version
    });
  }
};

“Estamos probando actualmente a @Capgo desde que Appcenter dejó de ofrecer actualizaciones en vivo para aplicaciones híbridas y @AppFlow es demasiado caro.” - Simon Flack [1]

Tamaño de Equipo Soluciones

Capgo ofrece planes flexibles para acomodar a equipos de todas las tamaños, lo que hace que el control de versiones sea escalable y eficiente.

Tamaño de Equipo Plan Características Clave
Desarrollador Individual Hosting en la nube básico Actualizaciones en vivo, 1,000 MAU
Pequeño equipo (2-5) Plan Maker 10,000 MAU, 500GB de ancho de banda
Equipo medio (6-20) Plan de equipo 100,000 MAU, permisos
Empresa Pago personalizado Sin límite de MAU, soporte dedicado

Para equipos más grandes, Capgo's sistema de canales permite un control preciso sobre la implementación de versiones:

const enterpriseVersionControl = {
  channels: {
    production: 'stable-releases',
    beta: 'early-access',
    internal: 'development'
  },

  async deployToChannel(channel: string, version: string) {
    await CapacitorUpdater.setChannel({
      channel: channel,
      version: version
    });
  }
};

“Practicamos el desarrollo ágil y @Capgo es crucial para entregar de manera continua a nuestros usuarios!” - Rodrigo Mantica [1]

Capgo también incluye una consola de análisis para monitorear las tasas de adopción de versiones y detectar posibles problemas temprano. Con cifrado integrado y opciones de alojamiento personalizables, los equipos pueden mantener la seguridad mientras escalan sus flujos de trabajo de despliegue.

Conclusión

Comprender la etiquetado de versiones es clave para simplificar los procesos de desarrollo y despliegue. Aquí hay un resumen rápido de las ideas y pasos principales para empezar.

Toma de Claves

La etiquetado de versiones ayuda a los desarrolladores a mantener actualizaciones suaves y fiables. Un control de versiones adecuado ofrece ventajas claras:

Beneficio Impacto Resultado
Actualizaciones Instantáneas Tiempos de revisión más cortos Adopción de usuarios más rápida [1]
Control de Versión Mejor gestión de code Mayor tasa de éxito [1]
Seguimiento de Actualizaciones Monitoreo en tiempo real Resolución de problemas más rápida [1]
Control de Distribución Despliegue dirigido Soporte para múltiples plataformas

Estos resultados destacan la importancia de utilizar herramientas de gestión de versiones efectivas.

¿Cómo Empezar

Para poner en práctica estos beneficios, siga estos pasos:

  • Configura el seguimiento de versiones: Utilice la numeración semántica en su package.json Agrega verificaciones de actualizaciones
  • Agregar verificaciones de actualizacionesImplemente sistemas para verificar y rastrear actualizaciones de versiones.
  • Configure canales de distribuciónCreea entornos separados para producción, beta y desarrollo.

Finalmente, considere agregar un sistema live update para garantizar que las implementaciones sean tanto rápidas como seguras.

Sigue adelante desde Etiquetado de Versión en Aplicaciones Capacitor.

Etiquetado de Versión en __CAPGO_KEEP_0__ Aplicaciones Etiquetado de Versión en Aplicaciones Capacitor Versión Tagging in __CAPGO_KEEP_0__ Apps Revertidos para el detalle de implementación en Revertidos, Alcance de Versión para el detalle de implementación en la versión de destino Comportamiento de Actualización para el detalle de implementación en el comportamiento de actualización. bundle para los detalles de implementación en el paquete Capgo Live Updates for the product workflow in Capgo Live Updates.

Actualizaciones en vivo para aplicaciones de Capacitor

Cuando un error de capa de web está en vivo, envíe la solución a través de Capgo en lugar de esperar días para la aprobación de la tienda de aplicaciones. Los usuarios obtienen la actualización en segundo plano mientras los cambios nativos siguen en el camino de revisión normal.

Últimas noticias de nuestro Blog

Capgo te brinda las mejores herramientas para crear una aplicación móvil profesional.