Saltar al contenido principal

Etiquetado de versión en aplicaciones Capacitor

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

Martin Donadieu

Martin Donadieu

Gerente de Contenido

Etiquetado de Versión en aplicaciones Capacitor

El etiquetado de versión es fundamental para gestionar Capacitor las aplicaciones. Garantiza actualizaciones suaves, registra cambios y mejora la confiabilidad de las aplicaciones en las plataformas iOS, Android y web. Aquí hay un resumen rápido:

  • Por qué Importa: Registra actualizaciones, habilita retrocesos y garantiza despliegues estables.
  • : Utilice la Semántica de Versión: Utilice MAJOR.MINOR.PATCH para indicar cambios importantes, nuevas características o correcciones de errores.
  • Sincronización en Plataformas: Alinear números de versión en package.json, iOS Info.plist, y Android build.gradle.
  • Automatización: Automatizar actualizaciones con scripts y herramientas de CI/CD npm y.
  • Actualizaciones en Vivo: Herramientas como Capgo entregar actualizaciones a un 95% de usuarios en 24 horas.
  • Gestión de Beta: Utilice canales estructurados para versiones alpha, beta y de producción.

Comparación Rápida

CaracterísticaPropósitoEjemplo
Numeralización SemánticaMuestra cambios de manera clara1.2.3 → 2.0.0
Sincronizar VersionesAlinear en varias plataformasnpx cap sync
AutomatizaciónAcelera las actualizaciones de versiónnpm version patch
Actualizaciones en vivoAdopción de usuarios rápidaCapgo’s 95% en 24 horas
Canales de betaFases de prueba controladas1.3.0-beta.1

La etiquetado de versiones simplifica actualizaciones de aplicaciones, mantiene a los usuarios felices y garantiza que los desarrolladores puedan gestionar los lanzamientos de manera efectiva.¿Cómo configurar AUTOMÁTICAMENTE su

__CAPGO_KEEP_0__ Capacitor Actualizaciones de versión aceleradas

Documentación del marco de trabajo de Capacitor

Configuración de la versión en Capacitor

Siga estos pasos para asegurarse de que el control de versiones sea consistente en todas las plataformas en su aplicación de Capacitor.

Establecer la versión en package.json

El package.json El archivo es la fuente principal para los detalles de la versión de la aplicación. Aquí hay 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"
  }
}

Al actualizar el número de versión, utilice las reglas de SemVer (SemVer):

  • Versión mayor (1.x.x): Introduce cambios disruptivos.
  • Versión menor (x.2.x): Agrega características nuevas que son compatibles hacia atrás.
  • Versión de parche (x.x.3): Corrige errores o hace 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:

PlataformaArchivo de configuraciónLlave de versión
iOSInfo.plistCFBundleShortVersionString
Androidbuild.gradleVersión de nombre
Webpackage.jsonVersión

Después de actualizar la versión en package.jsonuse this command to sync the changes with native platform configurations:

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 potenciales desacuerdos. Sigue estos pasos para mantener una correcta numeración de versiones en tu aplicación.

Configuración de Versión Semántica

Bases de la Versión Semántica

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

Componente de VersiónPropósito
MAJORIntroduce cambios disruptivos en el API
MINORAgrega nuevas características que siguen siendo compatibles con versiones anteriores
PATCHCorrige errores o mejora el rendimiento sin romper la compatibilidad

Este sistema garantiza que los desarrolladores puedan comunicar actualizaciones de manera clara mientras se mantiene la compatibilidad entre versiones de la aplicación. Por ejemplo, al pasar de 1.2.3 a 2.0.0 actualizaciones importantes, actualizaciones 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:

Tipo de actualizaciónCuándo usarEjemplo de cambio de versión
Actualización mayorPara cambios importantes API o rediseños de interfaz de usuario1.2.3 → 2.0.0
Actualización menorCuándo se introducen nuevas características o se marcan como obsoletas1.2.3 → 1.3.0
Actualización de parchePara correcciones de errores o ajustes de rendimiento pequeños1.2.3 → 1.2.4

“Practicamos el desarrollo ágil y @Capgo es crucial para entregar de manera continua 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 actualizaciones de versión puede ahorrar tiempo y reducir errores en tu proyecto Capacitor. Aquí te mostramos cómo configurarlo:

  1. NPM Scripts de Versión

Agrega estos scripts a tu archivo para gestionar actualizaciones de versión de manera fácil: package.json Integración CI/CD

{
  "scripts": {
    "version:patch": "npm version patch",
    "version:minor": "npm version minor",
    "version:major": "npm version major"
  }
}
  1. Incorpora actualizaciones de versión en tu pipeline de CI/CD. __CAPGO_KEEP_0__ admite herramientas como
    Capgo Actions GitHub Actions, Capacitory Jenkins, haciéndolo simple para automatizar el proceso.

“@Capgo es una herramienta imprescindible para los desarrolladores que buscan aumentar su productividad evitando revisiones de corrección de errores tediosas.” - Bessie Cooper [1]

Métodos de Etiqueta de Versión

Etiquetas de Versión de Git

Las etiquetas de versión de Git son una forma confiable de mantener el control Lanzamientos de la aplicación CapacitorPara crear etiquetas claras e informativas, combine la versió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 tu equipo, utiliza un formato de etiquetado estandarizado:

Component de EtiquetaFormatoEjemplo
Versión de Lanzamientov[MAJOR].[MINOR].[PATCH]v1.2.3
Versión Betav[VERSION]-beta.[NUMBER]v1.2.3-beta.1
Candidato a Lanzamientov[VERSION]-rc.[NUMBER]v1.2.3-rc.2

Número de Compilación Integrado

Los números de compilación ayudan a rastrear las compilaciones individuales dentro de cada versión. Para iOS y Android, incrementa 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 presentación de tiendas de aplicaciones se identifique de manera única mientras se mantiene la versión clara para los usuarios.

Gestión de Versión 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 reciban lanzamientos estables.

  1. Progresión de Versión

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

EtapaFormato de VersiónObjetivo
Alfa1.3.0-alfa.1Pruebas internas
Beta1.3.0-beta.1Grupo de pruebas externas
RC (Candidato a Lanzamiento)1.3.0-rc.1Pruebas finales antes de la lanzamiento
Producción1.3.0Publicación pública

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 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>
  `
})

Lugares comunes para mostrar detalles de versión incluyen:

LugarPropósitoImplementación
Pantalla de ajustesVersión completa y de compilaciónInformación de versión detallada
Página de informaciónMostrar versión básicaSolo número de versión
Pie de página de la aplicaciónMostrar de forma mínimaVersió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
    });
  }
}

“We practice agile development and @Capgo is mission-critical in delivering continuously to our users!” - Rodrigo Mantica [1]

“Practicamos el desarrollo ágil y @__CAPGO_KEEP_0__ es crucial en la entrega continua a nuestros usuarios!” - Rodrigo Mantica

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

For enterprise apps, Capgo’s channel system allows you to control update distribution:

Para aplicaciones empresariales, __CAPGO_KEEP_0__’s sistema de canales permite controlar la distribución de actualizaciones:CanalesTipo de Actualización
Público ObjetivoProducciónLanzamientos establecidos
Todos los usuariosVersiones de prelanzamientoGrupo de prueba
CríticoSoluciones de reparación de emergenciaUsuarios afectados

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

Soluciones de Gestión de Versiones

Vamos a profundizar en soluciones avanzadas para gestionar las versiones de la aplicación de manera efectiva.

Opciones de Herramientas de Versión

Al seleccionar herramientas de control de versiones, es importante enfocarse 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 buscar:

CaracterísticaImportanciaImpacto
Actualizaciones en vivoCríticoMinimiza los retrasos causados por las revisiones de la tienda de aplicaciones
SeguridadEsencialProtege la integridad de los datos del usuario y code
AnáliticasImportanteMedidas de éxito y adopción de actualizaciones del usuario
Integración CI/CDÚtilSimplifica los procesos de despliegue
Eficiencia de CostosEstratégicoInfluye en la planificación a largo plazo del presupuesto

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

Capgo Características de Control de Versión

Capgo Panel de Actualización en Vivo

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

  • 23,5M actualizaciones exitosas entregadas
  • 95% de los usuarios se actualizaron dentro de 24 horas
  • Tasa de éxito global del 82%
  • 434ms de tiempo de respuesta promedio mundial de 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
    });
  }
};

“We are currently giving a try to @Capgo since Appcenter stopped live updates support on hybrid apps and @AppFlow is way too expensive.” - Simon Flack [1]

Soluciones de Tamaño de Equipo

Capgo ofrece planes flexibles para acomodar equipos de todos los tamaños, lo que hace que el manejo de versiones sea escalable y eficiente.

Tamaño de EquipoPlanCaracterísticas clave
Desarrollador individualBasic cloud hostingActualizaciones en vivo, 1.000 MAU
Equipo pequeño (2-5)Plan del creador10.000 MAU, 500 GB de ancho de banda
Equipo medio (6-20)Plan del equipo100.000 MAU, permisos
EmpresaPago por uso personalizadoPara equipos más grandes, el sistema de canales de __CAPGO_KEEP_0__ permite un control preciso sobre la implementación de versiones:

‘Practicamos el desarrollo ágil y @Capgo es crucial en la entrega continua a nuestros usuarios!’ - Rodrigo Mantica

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

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

Para equipos más grandes, Capgo’s sistema de canales permite un control preciso sobre la implementación de versiones: [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 implementación.

Conclusión

La comprensión de la etiquetado de versiones es clave para simplificar los procesos de desarrollo y implementación. Aquí hay un resumen rápido de las ideas principales y pasos para empezar.

Resultados clave

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

BeneficioImpactoResultado
Actualizaciones instantáneasTiempos de revisión más cortosAdopción de usuarios más rápida [1]
Control de versionesMejor gestión de codeMayor tasa de éxito [1]
Seguimiento de actualizacionesMonitoreo en tiempo realResolución de problemas más rápida [1]
Control de distribuciónImplementaciones dirigidasSoporte para múltiples plataformas

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

Cómo comenzar

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

  • Configurar el seguimiento de versiones: Utilice la versión semántica en su package.json archivo y integre los plugins necesarios.
  • Verificar actualizacionesImplemente sistemas para verificar y rastrear actualizaciones de versiones.
  • Configura canales de distribuciónCreea entornos separados para producción, beta y desarrollo.

Finalmente, considere agregar un sistema de actualizaciones en vivo para garantizar que las implementaciones sean tanto rápidas como seguras.

Actualizaciones en vivo para aplicaciones Capacitor

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

Inicie ahora

Últimas noticias de nuestro blog

Capgo le da las mejores pistas que necesita para crear una aplicación móvil verdaderamente profesional.