de Kamlesh Chandnani

Cum să utilizați controlul versiunilor pentru a vă menține actualizate aplicațiile web

Cum sa utilizati controlul versiunilor pentru a va mentine aplicatiile

Controlul versiunilor vă ajută să urmăriți ce utilizatori utilizează ce versiune a aplicației dvs.

Cu aplicațiile native, trebuie să mențineți versiunea aplicației dvs. cu fiecare versiune. Apoi, numai dvs. veți putea lansa noua versiune a aplicației dvs. în App Store / Play Store.

Dar cum veți menține versiunile pentru aplicațiile dvs. web?

Timpul pentru povești!

La începutul anilor ’90, existau limbaje de tip server, cum ar fi PHP, Java și JSP, care ajutau toți utilizatorii să obțină întotdeauna cea mai recentă versiune a aplicației dvs. web.

Dar acum aplicațiile web au atins un nou nivel. Totul este partea clientului! Prin urmare, putem profita de concepte precum pre-cache, încărcare la cerere, redarea de date semnificative în același timp și așa mai departe.

Dar acest lucru poate introduce probleme dacă utilizatorul accesează întotdeauna copia cache a aplicației noastre web.

Imaginați-vă o companie SaaS ai cărei utilizatori finali nu sunt conștienți de modul în care pot folosi aplicațiile web / aplicațiile web de generație următoare / PWA-urile în modul corect.

Când vine vorba de aplicații web moderne, cum ar fi PWA-uri, nu vă puteți asigura că toți utilizatorii utilizează cea mai recentă copie a codului aplicației dvs.

Să presupunem că ați livrat aplicația dvs. web pentru prima dată și că utilizatorii au început să o folosească. Aplicația devine cache după prima vizită, iar ulterior, la fiecare vizită repetitivă, utilizatorul va primi copia cache a aplicației dvs. până la noua versiune din codul aplicațiilor dvs. este disponibil. Totul funcționează fără probleme.

Dar acum presupuneți că după o perioadă de timp, în următoarea iterație, ați adăugat o funcționalitate nouă aplicației dvs. web existente și ați implementat noua bucată de cod / pachete.

*** BOOM ***

Cum vă asigurați că utilizatorii utilizează cea mai recentă versiune a aplicației dvs. web?

Cum veți identifica câți utilizatori utilizează în continuare versiunea veche a aplicației dvs.?

Toate aceste întrebări vă încurajează să întrețineți și să stocați versiunea curentă a aplicației dvs. web, astfel încât ori de câte ori utilizatorii folosesc aplicația dvs., versiunea aplicației să fie stocată și pe serverul DB.

Dar misterul „Cum” pentru a menține versiunile rămâne nerezolvat!

Git Revision Webpack Plugin vă vine în ajutor dacă utilizați webpack pentru gruparea codului.

Este un simplu webpack plugin care generează VERSION și COMMITHASH fișiere în timpul compilărilor bazate pe un local Git repertoriu.

Utilizare

  1. Adăugați o etichetă la commit.
syntax: git tag <tag-name>git tag v1.0

2. Adăugați următoarele la fișierul de configurare webpack:

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

3. Adăugați webpack DefinePlugin în matricea dvs. de pluginuri.

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. Acum utilizați APP_VERSION_INFO oriunde în interiorul aplicației dvs., deoarece va fi disponibilă la nivel global.

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

Ti-a placut aceasta poveste?
Recomandați (făcând clic pe butonul ❤) sau împărtășiți această poveste, astfel încât alte persoane să o poată citi!