تحديثات تلقائية وسريعة وغير مؤلمة في Electron

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

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

إنشاء المستودع

للنشر نيابة عنك ، يحتاج منشئ الإلكترون إلى رمز وصول إلى GitHub. إذا كنت لا تعرف ما هي أو كيفية إنشاء واحدة ، فراجع دليل GitHub السريع.

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

انشاء المكتبة

سنستخدم مُنشئ الإلكترون لحزم تطبيقنا ، لذلك لنبدأ بتثبيته:

npm install electron-builder --save-dev

لنقم أيضًا بتثبيت محدث الإلكترون للتعامل مع التحديثات التلقائية:

npm install electron-updater --save

بعد ذلك ، نحتاج إلى تكوين بنائنا. في package.jsonإضافة هذا المقتطف:

دعنا نحلل هذا شيئًا فشيئًا:

  • و repositoryصلة جميلة النفس التفسيرية - فقط تذكر ليحل محله مع لك!
  • سيقوم buildالنص البرمجي ببناء تطبيقك محليًا ، بدون نشر.
  • سيقوم shipالبرنامج النصي ببناء تطبيقك ونشره.

ملاحظة لمطوري React : هناك بعض التعارضات افتراضيًا في منشئ الإلكترون وتطبيق الإنشاء التفاعلي. لقد قمت بإنشاء مولد يقوم بإعداد تطبيق إلكترون + تفاعل + منشئ إلكترون بدون أي تكوين مطلوب. يمكنك العثور عليها هنا.

الآن قم بإنشاء ملف يسمى electron-builder.ymlبالمحتوى التالي:

  • هذا appIdهو اسم التطبيق الخاص بك في سجل نظام التشغيل. يمكنك اختياره بحرية.
  • و providerهو المنصة التي سيتم تخزين المثبت التطبيق الخاص بك.
  • و tokenهو رمز وصول جيثب. استبدلها بتلك التي قمت بإنشائها مسبقًا.

تذكر أن تضيف هذا الملف إلى .gitignoreحتى لا تشارك رمزك المميز مع العالم بأسره! ؛)

التعامل مع منطق التحديث

نحتاج الآن إلى تكوين منطق التحديث في تطبيق Electron الخاص بنا. قم بدمج هذا في ملف الإدخال الخاص بك (عادةً index.jsأو electron.js). إذا كنت تقوم بإنشاء تطبيق جديد تمامًا ، فيمكنك ببساطة نسخ ولصق الرمز أدناه:

وحدات IPC هي الطريقة القياسية لإرسال الرسائل بين العمليات في Electron. يمكنك معرفتهم بشكل اكثر هنا.

الشفرة تشرح نفسها بنفسها وتعالج الجانب الإلكتروني من التحديث. الآن علينا إخطار المستخدم.

هنا مثال على صفحة HTML. يعرض زرًا تسميته التوضيحية إما "لا توجد تحديثات جاهزة" أو "إصدار جديد جاهز!". عند النقر فوق الزر ، يتم استدعاء طريقة تخبر Electron بإنهاء التحديثات الجديدة وتثبيتها.

وأخيرا ، السفينة

عندما تكون جاهزًا للنشر ، قم بتحرير versionالحقل في package.jsonوتشغيل الأمر التالي:

npm run ship

انتقل إلى صفحة GitHub الخاصة بالمستودع الخاص بك وانقر فوق "إصدارات" (ستجدها في نفس سطر "الالتزام"و "الفرع"). هناك ، ستجد مسودة الإصدار. انقر على تعديل'ثم "نشر الإصدار".

لا داعي للذعر إذا أظهر الزر "لا توجد تحديثات جاهزة" عند بدء تشغيل التطبيق. لن يتغير هذا إلا بعد انتهاء تنزيل الإصدار الجديد.

إذا كنت ترغب في استخدام مشروع فعال لمعرفة المزيد والبدء ، يمكنك استنساخ هذا المثال من المستودع.

إذا وجدت هذه المقالة مفيدة ، فتأكد من التصفيق؟