Pasar al contenido principal
Volver a plugins
@capgo/electron-updater
Tutoría
@capgo/electron-updater

Actualizaciones de Electron

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

Guía

Tutorial sobre Actualizador de Electron

Usando @capgo/electron-updater

@capgo/electron-updater gives Electron apps the same Capgo live-update model as @capgo/capacitor-updaterSe inicializa en el proceso principal, se expone el puente de renderizador a través de preload y se llama notifyAppReady() en cada arranque para que la protección de rollback sepa que el paquete es saludable.

Instalación

bun add @capgo/electron-updater

Configuración del proceso principal

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

Puente de carga previa

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

exposeUpdaterAPI();

Uso del renderizador

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

Escuchar eventos de actualización

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

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

Desplegar un nuevo paquete

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

Consejos prácticos

  • Llamar siempre notifyAppReady() temprano en el renderizador para que la protección de rollback funcione como se espera.
  • Mantener estable el camino de construcción y dejar que el actualizador decida si cargar el paquete embarcado o uno descargado.
  • Reutilizar el mismo canal y modelo de lanzamiento Capgo que ya usas en móviles cuando tu aplicación de Electron comparte una pila de liberación de backend.

Continuar desde Usando @capgo/electron-updater

Si estás utilizando Usando @capgo/electron-updater para planificar el trabajo de plugin nativo, conectarlo con @capgo/actualizador de electron para el detalle de implementación en @capgo/actualizador de electron, Getting Started con el Actualizador de Electron para el detalle de implementación en Getting Started con el Actualizador de Electron, Directorio de Plugins de Capgo para el flujo de trabajo del producto en Directorio de Plugins de Capgo, Plugins de Capacitor por Capgo para el detalle de implementación en Plugins de Capacitor por Capgo, y Agregar o Actualizar Plugins para el detalle de implementación en Agregar o Actualizar Plugins.