Cómo usar el control de versiones para mantener sus aplicaciones web actualizadas

El control de versiones le ayuda a realizar un seguimiento de qué usuarios están usando qué versión de su aplicación.

Con las aplicaciones nativas, debe mantener el control de versiones de su aplicación con cada compilación. Entonces, solo usted podrá lanzar la nueva versión de su aplicación en App Store / Play Store.

Pero, ¿cómo mantendrá el control de versiones para sus aplicaciones web?

¡Tiempo de cuentos!

A principios de los 90, existían lenguajes del lado del servidor como PHP, Java y JSP, que ayudaban a todos sus usuarios a obtener siempre la última versión de su aplicación web.

Pero ahora las aplicaciones web han alcanzado un nuevo nivel. ¡Todo es del lado del cliente! Por lo tanto, podemos aprovechar las ventajas de conceptos como el almacenamiento en caché previo, la carga bajo demanda, la presentación de datos significativos al mismo tiempo, etc.

Pero esto también puede presentar problemas si el usuario siempre accede a la copia en caché de nuestra aplicación web.

Imagine una empresa de SaaS cuyos usuarios finales no saben cómo usar las aplicaciones web / aplicaciones web de próxima generación / PWA de la manera correcta.

Cuando se trata de aplicaciones web modernas como las PWA, no puede asegurarse de que todos sus usuarios estén usando la última copia del código de su aplicación.

Suponga que ha enviado su aplicación web por primera vez y los usuarios han comenzado a usarla. La aplicación se almacena en caché después de la primera visita y, posteriormente, en cada visita repetitiva, el usuario obtendrá la copia en caché de su aplicación hasta la nueva versión. de su código de aplicaciones está disponible. Todo funciona sin problemas.

Pero ahora suponga que después de un tiempo, durante la siguiente iteración, agregó algunas funciones nuevas a su aplicación web existente e implementó el nuevo código / paquetes.

***AUGE***

¿Cómo se asegura de que sus usuarios utilicen la última versión de su aplicación web?

¿Cómo identificará cuántos usuarios siguen usando la versión anterior de su aplicación?

Todas estas preguntas lo alientan a mantener y almacenar la versión actual de su aplicación web, de modo que siempre que los usuarios usen su aplicación, la versión de la aplicación también se almacene en el servidor de base de datos.

¡Pero el misterio de "Cómo" mantener las versiones sigue sin resolverse!

Git Revision Webpack Plugin viene a su rescate si usa webpack para empaquetar su código.

Es un plugin webpack simple que genera VERSIONy COMMITHASHarchivos durante construye sobre la base de un repositorio local de Git.

Uso

  1. Agrega una etiqueta a tu confirmación.
syntax: git tag git tag v1.0

2. Agregue lo siguiente al archivo de configuración de su paquete web:

const GitRevisionPlugin = require("git-revision-webpack-plugin");
const gitRevisionPlugin = new GitRevisionPlugin();

3. Agregue el paquete web DefinePlugin en su matriz de complementos.

const plugins = [.....new webpack.DefinePlugin({APP_VERSION_INFO: { VERSION: gitRevisionPlugin.version(), //returns the output of git- describe command COMMITHASH: gitRevisionPlugin.commithash(), // returns last commit hash BRANCH: gitRevisionPlugin.branch() // returns the branch name from which the build was run};})...]

4. Ahora APP_VERSION_INFOúselo en cualquier lugar dentro de su aplicación, ya que estará disponible globalmente.

console.log('Check App Version ', APP_VERSION_INFO);

¿Te gustó esta historia?

Recomiende (haciendo clic en el botón ❤) o comparta esta historia para que otras personas puedan leerla.