Sådan bruges versionskontrol til at holde dine webapps opdateret

Versionskontrol hjælper dig med at holde styr på, hvilke brugere der bruger hvilken version af din app.

Med native apps skal du vedligeholde versionen af ​​din app med hver build. Så er det kun du, der kan frigive den nye version af din app til App Store / Play Store.

Men hvordan opretholder du versionering til dine webapps?

Historie tid!

I begyndelsen af ​​90'erne var der serversprog som PHP, Java og JSP, som hjalp alle dine brugere med altid at få den nyeste version af din webapp.

Men nu har Web Apps nået et nyt niveau. Alt er klientsiden! Derfor kan vi drage fordel af begreberne som forcaching, efterspørgsel, gengivelse af meningsfulde data på samme tid osv.

Men dette kan også introducere problemer, hvis brugeren altid får adgang til den cachelagrede kopi af vores webapp.

Forestil dig et SaaS-firma, hvis slutbrugere ikke er opmærksomme på, hvordan man bruger webapps / næste generations webapps / PWA'er på den rigtige måde.

Når det kommer til moderne webapps som PWA'er, kan du ikke sikre, at alle dine brugere bruger den nyeste kopi af din apps kode.

Antag, at du har afsendt din webapp for første gang, og brugerne er begyndt at bruge den. Appen bliver cache efter det første besøg, og derefter ved hvert gentagne besøg får brugeren den cachelagrede kopi af din app indtil den nye version af din apps-kode er tilgængelig. Alt fungerer problemfrit.

Men antag nu, at du efter et stykke tid i løbet af den næste iteration tilføjede nogle nye funktioner til din eksisterende webapp og implementerede det nye stykke kode / bundter.

*** BOM ***

Hvordan sikrer du, at dine brugere bruger den nyeste version af din webapp?

Hvordan identificerer du, hvor mange brugere der stadig bruger den gamle version af din app?

Alle disse spørgsmål opfordrer dig til at vedligeholde og gemme den aktuelle version af din webapp, så hver gang brugerne bruger din app, gemmes appversionen også på DB-serveren.

Men mysteriet med “Hvordan” at vedligeholde versioner forbliver uløst!

Git Revision Webpack Plugin kommer til din redning, hvis du bruger webpack til at samle din kode.

Det er et simpelt webpack-plugin, der genererer VERSIONog COMMITHASHarkiverer under builds baseret på et lokalt Git-arkiv.

Anvendelse

  1. Føj et tag til din forpligtelse.
syntax: git tag git tag v1.0

2. Føj følgende til din webpack-konfigurationsfil:

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

3. Tilføj webpack DefinePlugin i dit plugins-array.

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. Brug nu APP_VERSION_INFOhvor som helst i din app, da den vil være tilgængelig globalt.

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

Kan du lide denne historie?

Anbefal (ved at klikke på knappen ❤) eller del denne historie, så andre kan læse den!