Visión de conjunto

Para distribuir su aplicación con Electron, debe empaquetarla y cambiarle el nombre. Para hacer esto, puede usar herramientas especializadas o enfoques manuales.

Con utillaje

Puede utilizar las siguientes herramientas para distribuir su aplicación:

Estas herramientas se encargarán de todos los pasos que debe seguir para terminar con una aplicación Electron distribuible, como empaquetar su aplicación, cambiar el nombre del ejecutable y configurar los íconos correctos.

Puedes consultar el ejemplo de cómo empaquetar tu aplicación con electron-forge en nuestra Guía de inicio rápido.

Distribución manual

Con binarios prediseñados

Para distribuir tu aplicación manualmente, necesitas descargar Electron’s binarios preconstruidos. A continuación, la carpeta que contiene su aplicación debe llamarse app y colocado en el directorio de recursos de Electron como se muestra en los siguientes ejemplos.

NOTA: la ubicación de los binarios preconstruidos de Electron se indica con electron/ en los ejemplos a continuación.

En macOS:

electron/Electron.app/Contents/Resources/app/
├── package.json
├── main.js
└── index.html

En Windows y Linux:

electron/resources/app
├── package.json
├── main.js
└── index.html

Luego ejecuta Electron.app en mac OS, electron en Linux, o electron.exe en Windows, y Electron se iniciará como su aplicación. Él electron El directorio será entonces su distribución para entregar a los usuarios.

Con un archivo de código fuente de la aplicación

En lugar de enviar su aplicación copiando todos sus archivos de origen, puede empaquetar su aplicación en un Asar archive para mejorar el rendimiento de la lectura de archivos en plataformas como Windows, si aún no está utilizando un paquete como Parcel o Webpack.

para usar un asar archivo para reemplazar el app carpeta, debe cambiar el nombre del archivo a app.asary colóquelo en el directorio de recursos de Electron como se muestra a continuación, y Electron intentará leer el archivo y comenzar desde él.

En macOS:

electron/Electron.app/Contents/Resources/
└── app.asar

En Windows y Linux:

electron/resources/
└── app.asar

Puede encontrar más detalles sobre cómo usar asar en el electron/asar repositorio.

Cambio de marca con binarios descargados

Después de agrupar su aplicación en Electron, querrá cambiar el nombre de Electron antes de distribuirla a los usuarios.

Mac OS

Puedes cambiar el nombre Electron.app a cualquier nombre que desee, y también tiene que cambiar el nombre de la CFBundleDisplayName, CFBundleIdentifier y CFBundleName campos en los siguientes archivos:

  • Electron.app/Contents/Info.plist
  • Electron.app/Contents/Frameworks/Electron Helper.app/Contents/Info.plist

También puede cambiar el nombre de la aplicación de ayuda para evitar mostrar Electron Helper en el Monitor de actividad, pero asegúrese de haber cambiado el nombre del archivo ejecutable de la aplicación auxiliar.

La estructura de una aplicación renombrada sería como:

MyApp.app/Contents
├── Info.plist
├── MacOS/
│   └── MyApp
└── Frameworks/
    └── MyApp Helper.app
        ├── Info.plist
        └── MacOS/
            └── MyApp Helper

ventanas

Puedes cambiar el nombre electron.exe a cualquier nombre que desee, y edite su icono y otra información con herramientas como editar.

linux

Puede cambiar el nombre de la electron ejecutable a cualquier nombre que desee.

Cambio de marca mediante la reconstrucción de Electron desde la fuente

También es posible cambiar la marca de Electron cambiando el nombre del producto y construyéndolo desde la fuente. Para hacer esto, debe establecer el argumento de compilación correspondiente al nombre del producto (electron_product_name = "YourProductName") en el args.gn archivar y reconstruir.