Salta al contenuto principale
@capgo/electron-updater Aggiornamenti Open source

Updater per Electron Plugin Electron

OTA live updates for Electron apps with the same API surface as capacitor-updater

Installazione

bun add @capgo/electron-updater
npm, pnpm o yarn
  • npm install @capgo/electron-updater
  • pnpm add @capgo/electron-updater
  • yarn add @capgo/electron-updater

Guida

Come usare Electron Updater in Electron

Usare @capgo/electron-updater

@capgo/electron-updater offre alle app Electron lo stesso modello Capgo di live-update come @capgo/capacitor-updater. Lo inizializzi nel main process, esponi il renderer bridge tramite preload e chiami notifyAppReady() a ogni avvio, così la rollback protection sa che il bundle è integro.

Installazione

bun add @capgo/electron-updater

Configurazione del processo principale

import { app, BrowserWindow } from 'electron';
import path from 'node:path';
import { ElectronUpdater, setupEventForwarding, setupIPCHandlers } from '@capgo/electron-updater';

const updater = new ElectronUpdater({
  appId: 'com.example.desktop',
  autoUpdate: true,
});

app.whenReady().then(async () => {
  const window = new BrowserWindow({
    webPreferences: {
      preload: path.join(__dirname, 'preload.js'),
      contextIsolation: true,
    },
  });

  const builtinPath = path.join(__dirname, 'www/index.html');
  await updater.initialize(window, builtinPath);
  setupIPCHandlers(updater);
  setupEventForwarding(updater, window);

  await window.loadFile(updater.getCurrentBundlePath());
});

Bridge di preload

import { exposeUpdaterAPI } from '@capgo/electron-updater/preload';

exposeUpdaterAPI();

Utilizzo nel renderer

import { requireUpdater } from '@capgo/electron-updater/renderer';

const updater = requireUpdater();

await updater.notifyAppReady();

const latest = await updater.getLatest();

if (latest.url && !latest.error) {
  const bundle = await updater.download({
    url: latest.url,
    version: latest.version,
    checksum: latest.checksum,
  });

  await updater.next({ id: bundle.id });
}

Ascolto degli eventi di update

updater.addListener('download', ({ percent }) => {
  console.log('Download progress', percent);
});

updater.addListener('updateFailed', ({ bundle }) => {
  console.error('Update failed', bundle.version);
});

Deploy di un nuovo bundle

bun run build
bunx @capgo/cli@latest bundle upload --channel=production

Consigli pratici

  • Chiama sempre notifyAppReady() subito nel renderer, così la rollback protection funziona come previsto.
  • Mantieni stabile il percorso built-in e lascia che l'updater decida se caricare il bundle incluso o uno scaricato.
  • Riutilizza lo stesso canale Capgo e lo stesso modello di rollout che già usi su mobile se la tua app Electron condivide una pipeline di rilascio backend.

Continua da Using @capgo/electron-updater

Se stai usando Utilizzo di @capgo/electron-updater per pianificare il lavoro sui plugin nativi, collegalo a @capgo/electron-updater per i dettagli di implementazione in @capgo/electron-updater, Guida rapida a Electron Updater per i dettagli di implementazione in Guida rapida a Electron Updater, Directory dei plugin Capgo per il workflow del prodotto nella Directory dei plugin Capgo, Plugin Capacitor di Capgo per i dettagli di implementazione nei plugin Capacitor di Capgo, e Aggiungere o aggiornare i plugin per i dettagli di implementazione in Aggiungere o aggiornare i plugin.

FAQ

FAQ del plugin Electron Updater

Come installo il plugin Electron Updater in un'app Electron?

Esegui "bun add @capgo/electron-updater" (o "npm install @capgo/electron-updater"), quindi segui i passaggi di configurazione di Electron nella guida e nel README di GitHub.

@capgo/electron-updater funziona con React, Vue e Angular?

Sì. Electron Updater è un pacchetto Electron, quindi funziona con qualsiasi framework web eseguito in Electron, come React, Vue, Angular, Svelte o JavaScript puro.

@capgo/electron-updater è free e open source?

Sì. Il codice sorgente di code è pubblico su GitHub all'indirizzo https://github.com/Cap-go/electron-updater/ e il pacchetto è gratuito su npm. Bug report e pull request sono i benvenuti.

Distribuisci modifiche a Electron Updater senza attendere la revisione dell'app

Una volta incluso il plugin nel tuo store build, Capgo live updates invia le modifiche a JavaScript, HTML e CSS agli utenti in pochi minuti.

Inizia con Capgo