Как да използвам контрола на версиите, за да поддържаме вашите уеб приложения актуални

Управлението на версиите ви помага да следите кои потребители използват коя версия на вашето приложение.

С родните приложения трябва да поддържате версирането на приложението си с всяка компилация. Тогава само вие ще можете да пуснете новата версия на приложението си в App Store / Play Store.

Но как ще поддържате създаването на версии за вашите уеб приложения?

Време за история!

В началото на 90-те имаше езици от страна на сървъра като PHP, Java и JSP, които помогнаха на всички ваши потребители винаги да получават най-новата версия на вашето уеб приложение.

Но сега Web Apps достигнаха ново ниво. Всичко е от страна на клиента! Следователно можем да се възползваме от понятията като предварително кеширане, натоварване при поискване, рендериране на значими данни едновременно и т.н.

Но това може да доведе и до проблеми, ако потребителят винаги има достъп до кешираното копие на нашето уеб приложение.

Представете си компания на SaaS, чиито крайни потребители не са наясно как да използват уеб приложенията / уеб приложения от следващо поколение / PWA по правилния начин.

Що се отнася до съвременните уеб приложения като PWA, не можете да се уверите, че всички ваши потребители използват най-новото копие на кода на приложението ви.

Да предположим, че сте изпратили уеб приложението си за първи път и потребителите са започнали да го използват. Приложението се кешира след първото посещение, а след това при всяко повтарящо се посещение потребителят ще получи кешираното копие на приложението ви до новата версия кодът на вашите приложения е наличен. Всичко работи гладко.

Но сега приемете, че след известно време, през следващата итерация, сте добавили някаква нова функционалност към съществуващото си уеб приложение и сте внедрили новия код / ​​пакети.

*** БУМ ***

Как гарантирате, че вашите потребители използват най-новата версия на вашето уеб приложение?

Как ще установите колко потребители все още използват старата версия на приложението ви?

Всички тези въпроси ви насърчават да поддържате и съхранявате текущата версия на вашето уеб приложение, така че винаги, когато потребителите използват вашето приложение, версията на приложението също се съхранява в DB сървъра.

Но загадката на „Как“ да се поддържат версии остава неразгадана!

Git Revision Webpack Plugin идва на помощ, ако използвате webpack за групиране на вашия код.

Това е обикновен плъгин за уеб пакети, който генерира VERSIONи COMMITHASHфайлове по време на компилации въз основа на локално хранилище на Git.

Употреба

  1. Добавете маркер към вашия ангажимент.
syntax: git tag git tag v1.0

2. Добавете следното към вашия конфигурационен файл на webpack:

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

3. Добавете webpack DefinePlugin в масива на своите приставки.

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. Сега използвайте APP_VERSION_INFOнавсякъде в приложението си, тъй като то ще бъде достъпно в целия свят.

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

Хареса ли ви тази история?

Препоръчайте (като щракнете върху бутона ❤) или споделете тази история, за да могат другите хора да я прочетат!