Saltar al contenido principal

Etiquetado de Versión en Aplicaciones Capacitor

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

Etiquetado de Versión en Aplicaciones Capacitor

La etiquetado de versiones es fundamental para la gestión Capacitor Las etiquetas de versión son esenciales para los aplicativos. Garantiza actualizaciones suaves, rastrea cambios y mejora la confiabilidad de la aplicación en las plataformas iOS, Android y web. Aquí hay una visión general rápida:

  • Por qué Importa: Rastrea actualizaciones, habilita retrocesos y garantiza despliegues estables.
  • Semántica de la versión: Utilice MAJOR.MINOR.PATCH para indicar cambios importantes, nuevas características o correcciones de errores.
  • Sincronización en varias plataformas: Alinee los números de versión en package.json, iOS Info.plisty Android build.gradle.
  • Ayuda a la automatización: Automatiza actualizaciones con scripts y herramientas de CI/CD npm.
  • Actualizaciones en vivocontexto: Página/área: Sección de problemas/soluciones de la página principal. Papel: Título de sección o página. Visto en: página premium-support.astro. Mensaje clave `ps_help_updates_title` (Ps Ayuda a los titulares de actualizaciones). Capgo __CAPGO_KEEP_0__
  • contexto: Fragmento de texto HTML de una cadena de Capgo UI más larga (clave de mensaje `submitting_a_pr_to_capgo`). Página/área: Sitio web de marketing de Capgo. Papel: Oración del sitio web. Visto en: página contribuyendo. Preservar términos de producto/marca y desarrollador de Capgo exactamente. Mensaje clave `submitting_a_pr_to_capgo` (Enviar un PR a Capgo).entregar actualizaciones a 95% de los usuarios en 24 horas.

Gestión de Beta

: Utilice canales estructurados para versiones de alpha, beta y producción. Propósito Ejemplo
Versión Semántica Seguimiento de cambios de manera clara 1.2.3 → 2.0.0
Sincronización de versiones Alineación en varias plataformas npx cap sync
Automatización Mejora la velocidad de actualización de versiones npm version patch
Actualizaciones en vivo Adopción rápida de usuarios Capgo’s 95% en 24 horas
Canales de Béta Etapas de pruebas controladas 1.3.0-beta.1

La etiquetado de versiones simplifica actualizaciones de la aplicaciónmantener a los usuarios felices y garantizar que los desarrolladores puedan gestionar las versiones de manera efectiva.

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

Sitio web de documentación del marco de trabajo Capacitor

Configuración de versión en Capacitor

Siga estos pasos para garantizar un manejo de versiones consistente en todas las plataformas de su aplicación Capacitor

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

La package.json Este 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 SemVer (versión semántica):

  • 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.

Alinear las versiones de plataforma

Es importante alinear los números de versión en todas las plataformas para una implementación de la aplicación 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 la versión
Web package.json versión

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

npx cap sync

Usando Capacitor CLI para 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

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

Configuración de Versiones Semánticas

Conceptos básicos de Versiones Semánticas

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

Componente de Versión Propósito
MAJOR Introduces breaking changes to the 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 garantiza que los desarrolladores puedan comunicar actualizaciones de manera clara mientras preservan la compatibilidad entre versiones de la aplicación. Por ejemplo, pasar de 1.2.3 señala actualizaciones importantes y rompedoras que requieren un planificación cuidadosa. 2.0.0 Cuándo Actualizar Números de Versión

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

Tipo de Actualización

live_update_dynamic_label_to When to Use 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 pequeños 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 actualizaciones de versión puede ahorrar tiempo y reducir errores en su proyecto Capacitor. Aquí está cómo configurarlo:

  1. NPM Scripts de Versión

Agregar estos scripts a su package.json archivo para gestionar actualizaciones de versión de manera fácil:

{
  "scripts": {
    "version:patch": "npm version patch",
    "version:minor": "npm version minor",
    "version:major": "npm version major"
  }
}
  1. Integración CI/CD
    Incorporate version updates into your CI/CD pipeline. Capgo supports tools like GitHub Actions, Capgo ActionsGitLab CI , y Jenkins

“@Capgo is a must-have tool for developers seeking productivity by bypassing lengthy bugfix reviews.” - Bessie Cooper [1]

Metodos de Etiquetado de Version

Etiquetas de Version Git

Las etiquetas de version Git son una forma confiable de mantener el registro de Capacitor lanzamientos de aplicaciones. Para crear etiquetas claras e informativas, combina 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 tu equipo, utiliza un formato de etiquetado estandarizado:

Etiqueta de Componente Formato Ejemplo
Version de Lanzamiento v[MAJOR].[MINOR].[PATCH] v1.2.3
Publicación Beta v[VERSION]-beta.[NUMBER] v1.2.3-beta.1
Candidato a la Publicación v[VERSION]-rc.[NUMBER] v1.2.3-rc.2

Integración de Número de Construcción

Los números de construcción ayudan a rastrear las construcciones individuales dentro de cada versión. Para tanto iOS como Android, incremente el número de construcción con cada envío:

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

El número de construcción debe aumentar siempre, incluso si la versión permanece igual. 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 Versión Beta

La gestión de versiones beta requiere un proceso estructurado para distribuir construcciones 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

Configura permisos para controlar quién tiene acceso a versiones beta. Esto garantiza que solo los probadores aprobados reciben versiones beta mientras que los usuarios de producción obtienen lanzamientos estable.

  1. Progresión de Versión

Etapa

Formato de Versión Propósito Alpha
1.3.0-alpha.1 Versión de Etapa Pruebas internas
Prueba beta 1.3.0-beta.1 Grupo de pruebas externas
RC (Candidato a la versión de lanzamiento) 1.3.0-rc.1 Pruebas finales antes del lanzamiento
Producción 1.3.0 Lanzamiento público

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

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.

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.

Obteniendo 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 simplificado, 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 la interfaz de versión

Aquí tienes un ejemplo de cómo integrar la visualización de la 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 ajustes Versión completa y de compilación Detailed information de la versión
About Mostrar versión básica Solo mostrar número de versión
Pie de página de la aplicación Mostrar de forma mínima Cadena de versión condensada

Además de mostrar información de versión, integrar un sistema de verificació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]

Puede agregar también 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’s sistema de canal permite controlar la distribución de actualizaciones:

Canal Tipo de actualización Público objetivo
Producción Lanzamientos estable Todos los usuarios
Beta Versiones de prelanzamiento Grupo de prueba
Críticas Arreglos de emergencia Usuarios afectados

Esta metodología garantiza la confiabilidad de la aplicación mientras rastrea el rendimiento de las actualizaciones a través del panel de seguimiento 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 centrarse en aquellas que simplifiquen las actualizaciones, protejan su code y apoyen tanto las liberaciones de tiendas de aplicaciones como las actualizaciones en vivo.

A continuación, se presentan algunas características clave a buscar:

Característica Importancia Impacto
Actualizaciones en vivo contexto: Página/área: Sección de problemas y soluciones. Rol: Título de sección o página. Visto en: página premium-support.astro. Clave de mensaje `ps_help_updates_title` (Ps Ayuda Actualizaciones Titulo). Reduce la demora causada por revisiones de tiendas de aplicaciones
Seguridad Fundamental Garantiza la integridad de los datos del usuario y code
Análisis Importante Medir el éxito de las actualizaciones y la adopción de los usuarios
Integración CI/CD Útil Mejora los procesos de despliegue
Eficiencia de Costos Estratégico Influencias la planificación a largo plazo del presupuesto

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 Panel de actualización en vivo

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

  • 23,5 millones de actualizaciones exitosas entregadas
  • El 95% de los usuarios se actualizó dentro de las 24 horas
  • El 82% de éxito global
  • 434ms de tiempo de respuesta promedio de API en todo el mundo

Aquí hay un ejemplo de cómo usar 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 ya que Appcenter dejó de apoyar actualizaciones en vivo en 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 todos los tamaños, haciendo que el manejo 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 de Medium (6-20) Plan de equipo 100.000 MAU, permisos
Empresa Pago a medida Sin límite de MAU, soporte dedicado

Para equipos más grandes, el sistema de canal de Capgo 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 continuamente 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 implementación.

Conclusión

Recapitulación de los puntos clave

Tomar nota de los puntos clave

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

Beneficio Impacto Resultado
Actualizaciones Instantáneas Períodos de revisión más cortos Adopción de usuarios más rápida [1]
Control de Versiones 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 Despliegues dirigidos Compatibilidad con 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, sigue estos pasos:

  • Configura el seguimiento de versiones: Utiliza la numeración semántica en tu package.json archivo y integra los plugins necesarios.
  • Agregar comprobaciones de actualizaciones: Implementa sistemas para verificar y rastrear actualizaciones de versiones.
  • Configura los canales de distribución: Crea entornos separados para producción, beta y desarrollo.

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

Sigue adelante desde Etiquetas de Versión en Capacitor Aplicaciones

Si estás utilizando Etiquetas de Versión en Capacitor Aplicaciones para planificar el rollback y el control de versiones, conecta con Rollbacks para obtener más detalles sobre la implementación en Rollbacks. Versionamiento de Versión context: Página/área: Página de marketing de soluciones de Capgo. Rol: Título de sección o página. Visto en: página de soluciones/version-targeting.astro. Clave de mensaje `solutions_version_targeting_title` (Título de soluciones de versionamiento de versión). | Página/área: Página de marketing de soluciones de Capgo. Rol: Etiqueta de interfaz de usuario corta o elemento de navegación. Visto en: página de soluciones/version-targeting.astro. Clave de mensaje `solutions_version_targeting` (Soluciones de versionamiento de versión). para obtener más detalles sobre la implementación en Versionamiento de Versión, y luego con el comportamiento de actualización para el detalle de implementación en Actualización de comportamiento, paquete para el detalle de implementación en paquete, y Capgo Actualizaciones en vivo for the product workflow in Capgo Live Updates.

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 para 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.

soporte humano de Martin

Iniciar Ahora

Últimas noticias de nuestro Blog

Capgo te da las mejores perspectivas que necesitas para crear una aplicación móvil verdaderamente profesional.