Gyors, fájdalommentes, automatikus frissítések az Electronban

Tegyük hozzá: a legtöbb felhasználó nem tér vissza az Ön webhelyére, és nem tölti le a vadonatúj Electron alkalmazás frissítéseit. Ehelyett valamilyen automatikus frissítési rendszert kell létrehoznia.

Sajnos ennek online dokumentációját nem nagyon könnyű megtalálni és követni sem. Itt végigvezetem Önt egy gyors folyamaton az automatikus frissítés beállításához, a GitHub használatával hostként.

Az adattár beállítása

Az Ön nevében történő közzétételhez az elektronépítőnek GitHub hozzáférési tokenre van szüksége. Ha nem tudja, mik ezek, vagy hogyan kell létrehozni egyet, olvassa el a GitHub gyors útmutatóját.

Az elektronépítőnek szüksége van egy tokenre, amely hozzáférést biztosít a repó hatóköréhez. Hozzon létre egyet a linkben leírtak szerint, és másolja valahova biztonságos helyen (a tokent csak egyszer mutatják meg!).

A könyvtár beállítása

Elektron-készítőt fogunk használni az alkalmazás csomagolásához, ezért kezdjük a telepítésével:

npm install electron-builder --save-dev

Telepítsünk elektronfrissítőt is az automatikus frissítések kezelésére:

npm install electron-updater --save

Ezután konfigurálnunk kell az összeállításunkat. Az package.jsonezt a részletet adja hozzá:

Elemezzük ezt apránként:

  • A repositorylink eléggé magától értetődő - ne felejtse el kicserélni a sajátjával!
  • A buildszkript az alkalmazást helyben, közzététel nélkül építi fel.
  • A shipszkript felépíti és közzéteszi az alkalmazást.

Megjegyzés a React fejlesztőknek : az elektronépítő és a create-reagál-alkalmazás alapértelmezés szerint ütközik egymással. Létrehoztam egy generátort, amely beállít egy elektron + reakció + elektronépítő alkalmazást, nulla konfigurációval. Itt megtalálja.

Most hozzon létre egy fájlt electron-builder.ymla következő tartalommal:

  • Ez appIdaz alkalmazás neve az operációs rendszer nyilvántartásában. Szabadon választhatja.
  • Ez provideraz a platform, amely tárolja az alkalmazás telepítőjét.
  • Ez tokena GitHub hozzáférési token. Helyettesítse a korábban létrehozottal.

Ne felejtse el hozzáadni ezt a fájlt ahhoz .gitignore, hogy ne ossza meg a tokent az egész világgal! ;)

A frissítési logika kezelése

Most konfigurálnunk kell a frissítési logikát az Electron alkalmazásunkban. Integrálja ezt a belépési fájlba (általában index.jsvagy electron.js). Ha vadonatúj alkalmazást hoz létre, egyszerűen beillesztheti az alábbi kódot:

Az IPC modulok az üzenetek szabványos küldésének módjai az Electron folyamatai között. Itt többet megtudhat róluk.

A kód eléggé magától értetődő és kezeli a frissítés Electron oldalát. Most értesítenünk kell a felhasználót.

Itt egy példa egy HTML oldalra. Megjelenít egy gombot, amelynek felirata vagy „nincsenek frissítések készen”, vagy „készen áll az új verzió!”. A gombra kattintva meghívunk egy módszert, amely megmondja az Electronnak, hogy lépjen ki és telepítse az új frissítéseket.

És végül hajó

Amikor készen áll a közzétételre, szerkessze a versionmezőt a package.jsonés futtassa a következő parancsot:

npm run ship

Lépjen a tárház GitHub oldalára, és kattintson a "kiadások" gombra (ugyanazon a soron van, mint a "végleges")és „ág”). Itt talál egy kiadványvázlatot. Kattintson a "szerkesztés" gombramajd 'kiadvány közzététele'.

Ne essen pánikba, ha az alkalmazás indításakor a gombra a „Nincsenek kész frissítések” felirat látható. Ez csak azután változik, hogy befejezte az új verzió letöltését.

Ha egy működő projektet szeretne többet megtudni és elkezdenie, klónozhatja ezt a példatárat.

Ha hasznosnak találta ezt a cikket, feltétlenül tapsoljon?