Saltar al contenido principal
Volver a plugins
@capgo/electron-updater
Tutorial
@capgo/electron-updater

Actualizaciones de Electron

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

Guía

Tutoría 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 del 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, Inicio con Actualizador de Electron para el detalle de implementación en Inicio con Actualizador de Electron, Directorio del Capgo Plugin para el flujo de trabajo del producto en Directorio del Capgo Plugin, Capacitor Plugins por Capgo para el detalle de implementación en Capacitor Plugins por Capgo, y Agregar o Actualizar Plugins para el detalle de implementación en Agregar o Actualizar Plugins.