كيفية استخدام التحكم في الإصدار لتحديث تطبيقات الويب باستمرار

تساعدك ميزة التحكم في الإصدار على تتبع المستخدمين الذين يستخدمون إصدار تطبيقك.

باستخدام التطبيقات الأصلية ، يجب عليك الاحتفاظ بإصدار التطبيق الخاص بك مع كل إصدار. عندها فقط ستكون قادرًا على إصدار الإصدار الجديد من تطبيقك إلى متجر التطبيقات / متجر Play.

ولكن كيف ستحافظ على إصدار تطبيقات الويب الخاصة بك؟

وقت القصة!

في أوائل التسعينيات ، كانت هناك لغات جانبية للخادم مثل PHP و Java و JSP ، مما ساعد جميع المستخدمين في الحصول دائمًا على أحدث إصدار من تطبيق الويب الخاص بك.

ولكن الآن وصلت تطبيقات الويب إلى مستوى جديد. كل شيء هو جانب العميل! ومن ثم يمكننا الاستفادة من المفاهيم مثل التخزين المؤقت المسبق ، وحمل الطلب ، وتقديم بيانات ذات معنى في نفس الوقت ، وما إلى ذلك.

ولكن يمكن أن يؤدي ذلك أيضًا إلى حدوث مشكلات إذا كان المستخدم يصل دائمًا إلى النسخة المخبأة من تطبيق الويب الخاص بنا.

تخيل شركة SaaS لا يعرف مستخدموها النهائيون كيفية استخدام تطبيقات الويب / تطبيقات الويب من الجيل التالي / PWAs بالطريقة الصحيحة.

عندما يتعلق الأمر بتطبيقات الويب الحديثة مثل PWAs ، لا يمكنك التأكد من أن جميع المستخدمين يستخدمون أحدث نسخة من رمز التطبيق الخاص بك.

لنفترض أنك شحنت تطبيق الويب الخاص بك لأول مرة ، وبدأ المستخدمون في استخدامه. يتم تخزين التطبيق مؤقتًا بعد الزيارة الأولى ، وبعد ذلك في كل زيارة متكررة ، سيحصل المستخدم على النسخة المخبأة من تطبيقك حتى الإصدار الجديد من رمز تطبيقاتك متاح. كل شيء يعمل بسلاسة.

لكن افترض الآن أنه بعد مرور بعض الوقت ، خلال التكرار التالي ، أضفت بعض الوظائف الجديدة إلى تطبيق الويب الحالي ونشرت الجزء الجديد من الكود / الحزم.

***فقاعة***

كيف تتأكد من أن المستخدمين لديك يستخدمون أحدث إصدار من تطبيق الويب الخاص بك؟

كيف ستحدد عدد المستخدمين الذين ما زالوا يستخدمون الإصدار القديم من تطبيقك؟

تشجعك كل هذه الأسئلة على الاحتفاظ بالإصدار الحالي من تطبيق الويب وتخزينه ، بحيث يتم تخزين إصدار التطبيق أيضًا في خادم قاعدة البيانات كلما استخدم المستخدمون تطبيقك.

لكن لغز "كيفية" الحفاظ على النسخ يبقى دون حل!

يأتي Git Revision Webpack Plugin لإنقاذك إذا كنت تستخدم حزمة الويب لتجميع التعليمات البرمجية الخاصة بك.

وهو webpack المساعد بسيط أن يولد VERSIONو COMMITHASHالملفات أثناء يبني على أساس بوابة مستودع المحلية.

إستعمال

  1. أضف علامة إلى الالتزام الخاص بك.
syntax: git tag git tag v1.0

2. أضف ما يلي إلى ملف تهيئة webpack الخاص بك:

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

3. أضف حزمة الويب 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);

هل أعجبك هذه القصة؟

أوصي (بالنقر فوق الزر ❤) أو شارك هذه القصة حتى يتمكن الآخرون من قراءتها!