Як використовувати контроль версій, щоб постійно оновлювати веб-програми

Контроль версій допомагає відстежувати, які користувачі використовують яку версію вашого додатка.

З нативними програмами ви повинні підтримувати встановлення версій програми під час кожної збірки. Тоді лише ви зможете випустити нову версію свого додатка в App Store / Play Store.

Але як ви будете підтримувати встановлення версій для своїх веб-програм?

Час історій!

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

Але зараз веб-програми вийшли на новий рівень. Все на стороні клієнта! Отже, ми можемо скористатися перевагами таких концепцій, як попереднє кешування, завантаження на вимогу, одночасне надання значущих даних тощо.

Але це також може спричинити проблеми, якщо користувач завжди отримує доступ до кешованої копії нашого веб-додатку.

Уявіть собі компанію SaaS, чиї кінцеві користувачі не знають, як правильно використовувати веб-програми / веб-програми наступного покоління / PWA.

Що стосується сучасних веб-програм, таких як PWA, ви не можете переконатися, що всі ваші користувачі використовують останню копію коду вашого додатка.

Припустимо, що ви вперше надіслали свою веб-програму, і користувачі почали її використовувати. Додаток кешується після першого відвідування, а після кожного повторного відвідування користувач отримуватиме кешовану копію вашого додатка до нової версії доступний код ваших програм. Все працює гладко.

Але тепер припустимо, що через деякий час, протягом наступної ітерації, ви додали деяку нову функціональність до своєї існуючої веб-програми та розгорнули новий шматок коду / пакетів.

*** БУМ ***

Як ви гарантуєте, що ваші користувачі використовують останню версію веб-програми?

Як ви визначите, скільки користувачів все ще використовують стару версію вашого додатка?

Усі ці запитання заохочують вас зберігати та зберігати поточну версію веб-програми, щоб, коли користувачі використовують вашу програму, версія програми також зберігалася на сервері БД.

Але таємниця "Як" підтримувати версії залишається нерозкритою!

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

Це простий плагін веб-пакета, який генерує VERSIONта COMMITHASHфайли під час збірки на основі локального сховища Git.

Використання

  1. Додайте тег до вашого коміту.
syntax: git tag git tag v1.0

2. Додайте до конфігураційного файлу веб-пакета таке:

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);

Вам сподобалась ця історія?

Порекомендуйте (натиснувши кнопку ❤) або поділіться цією історією, щоб інші люди могли її прочитати!