Distribución de aplicaciones

Para distribuir tu aplicación con Electron, debes nombrar al directorio de tu aplicación como app, y ponerlo bajo el directorio de recursos de Electron (en OSX es Electron.app/Contents/Resources/, en Linux y Windows es resources/):

En OSX:

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

Posteriormente ejecutas Electron.app (o electron en Linux, electron.exe en Windows), y Electron iniciará la aplicación. El directorio electron será la distribución que recibirán los usuarios finales.

Empaquetando tu aplicación como un archivo

Además de copiar todos tus archivos fuente para la distribución, también puedes empaquetar tu aplicación como un archivo asar y de esta forma evitar la exposición del código fuente de tu aplicación a los usuarios.

Para usar un archivo asar en reemplazo de la carpeta app, debes renombrar el archivo a app.asar, y ponerlo bajo el directorio de recursos de Electron (como arriba), Electron intentará leer el archivo y ejecutar la aplicación desde él.

En OS X:

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

En Windows y Linux:

electron/resources/
└── app.asar

Más detalles en Empaquetamiento de aplicaciones.

Rebranding con binarios descargados

Luego de empaquetar tu aplicación con Electron, podría ser útil agregar tu marca antes de realizar la distribución.

Windows

Puedes renombrar electron.exe a cualquier nombre que desees, y editar su ícono y otras informaciones con herramientas como rcedit o ResEdit.

OS X

Puedes renombrar Electron.app a cualquier nombre que desees. También debes modificar los campos CFBundleDisplayName, CFBundleIdentifier y CFBundleName en los siguientes archivos:

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

También puedes renombrar el helper de la aplicación para evitar que aparezca como Electron Helper en el Monitor de Actividades.

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

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

Linux

Puedes renombrar el ejectuable electron a cualquier nombre que desees.

Rebranding desde el código fuente de Electron

También es posible agregar tu marca a Electron mediante un build personalizado. Para realizar esto debes modificar el archivo atom.gyp.

grunt-build-atom-shell

La modificación del código de Electron para agregar tu marca puede resultar complicada, una tarea Grunt se ha creado para manejar esto de forma automatizada:

grunt-build-atom-shell.

Esta tarea se encargará de modificar el archivo .gyp, compilar el código y reconstruir los módulos nativos de la aplicación para que coincidan con el nuevo nombre.

3.5 KiB Raw Blame History