Empaquetado de la aplicación | Electron
https://www.electronjs.org/es/docs/latest/tutorial/application-distribution • 38 KB fetched Open original page
Empaquetado de la aplicación | Electron
Saltar al contenido principal
Electron Documentación API Blog Herramientas
* Electron Forge
* Electron Fiddle
Comunidad
* Gobernanza
* Muestra
* Recursos
Lanzamientos Español
* English
* Deutsch
* Español
* Français
* 日本語
* Português
* Русский
* 中文
Búsqueda
* Empezar
* Procesos en Electron
* Mejores Prácticas
* Ejemplos
* Desarrollo
* Native Node Modules
* Distribución
* Distribuyendo aplicaciones con Electron Forge
* Referencia Avanzada
* Empaquetado de la aplicación
* Firma de código
* Actualización de aplicaciones
* Guias de App Store
* Pruebas y depuración
* Referencias
* Contribuyentes
*
* Distribución
* Referencia Avanzada
* Empaquetado de la aplicación En esta página
Empaquetado de la aplicación
Para distribuir tu aplicación de Electron, necesitas empaquetarla y cambiar el nombre. Para lograrlo, puedes utilizar herramientas especializadas o un enfoque manual.
Usando herramientas
Hay un par de herramientas que existen para empaquetar y distribuir su aplicación Electron. We recommend using Electron Forge . You can check out its documentation directly, or refer to the Packaging and Distribution part of the Electron tutorial.
Empaquetado manual
Si prefieres el enfoque manual, hay 2 maneras de distribuir tu aplicación:
* Con binarios precompilados
* Con un archivo de código fuente de la aplicación
Con binarios precompilados
To distribute your app manually, you need to download Electron's prebuilt binaries . Luego, la carpeta que contiene tu aplicación debe llamarse app y colocarse en el directorio de recursos de Electron como se muestra en los siguientes ejemplos.
::: Nota
Tenga en cuenta que la ubicación de los binarios precompilados de Electron se indican con electron/ en los ejemplos siguientes.
:::
macOS
electron/Electron.app/Contents/Resources/app/
├── package.json
├── main.js
└── index.html
Windows and Linux
electron/resources/app
├── package.json
├── main.js
└── index.html
Luego ejecuta Electron.app en macOS, electron en Linux, o electron.exe en Windows, y tu aplicación Electron se ejecutará. El directorio electron será el que hay que dar a tus usuarios.
Con un archivo de código fuente de la aplicación (asar)
En lugar de enviar tu aplicación copiando todos sus archivos de origen, puedes empaquetar tu aplicación en un archivo asar para mejorar el rendimiento de los archivos de lectura en plataformas como Windows, si aún no estás usando un bundler como como Parcel o WebPack.
Para usar un archivo asar para reemplazar la carpeta app , debe cambiar el nombre del archivo. archive a app.asar , y póngalo en el directorio de recursos de Electron como a continuación, y Electron intentará leer el archivo y comenzar desde allí.
macOS
electron/Electron.app/Contents/Resources/
└── app.asar
Windows
electron/resources/
└── app.asar
Puedes encontrar más detalles de como usar asar en el repositorio electron/asar .
Renombrando binarios descargados
Después de agrupar su aplicación en Electron, querrá cambiar la marca de Electron antes de distribuirlo a los usuarios.
*
Windows: Puedes cambiar el nombre electron.exe al de tu preferencia y editar su icono e información con herramientas como rcedit .
*
Linux: Puedes renombrar el ejecutable electron a cualquier nombre que desees.
*
macOS: Puedes renombrar Electron.app a cualquier nombre que desees, y también tienes que renombrar los campos de CFBundleDisplayName , CFBundleIdentifier y CFBundleName en los siguientes archivos de:
* 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 auxiliar 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
::: Nota
también es posible renombrar Electron simplemente cambiando el nombre del producto y volver a compilarlo desde el código fuente. Para hacerlo, necesita que el argumento de compilación se corresponda con el nombre del producto ( electron_product_name = "YourProductName" ) en el archivo args.gn y recompilarlo.
Ten en cuenta que esto no se recomienda ya que configurar el entorno para compilar desde la fuente no es trivial y toma un tiempo significativo.
:::
Editar esta página
Anterior
Distribution Overview
Siguiente
Firma de código
* Usando herramientas
* Empaquetado manual
* Con binarios precompilados
* Con un archivo de código fuente de la aplicación (asar)
* Renombrando binarios descargados
Documentación
* Empezar
* Referencia de la API
Listas de verificación
* Rendimiento
* Seguridad
Herramientas
* Electron Forge
* Electron Fiddle
Comunidad
* Gobernanza
* Recursos
* Discord
* Bluesky
* X
* Mastodon
* Stack Overflow
Más
* GitHub
* Open Collective
* Infraestructura de Pizarra
Hosting and infrastructure graciously provided by
Links found on this page
- Saltar al contenido principal [direct]
- Electron [direct]
- Documentación [direct]
- API [direct]
- Blog [direct]
- Electron Forge [direct]
- Electron Fiddle [direct]
- Gobernanza [direct]
- Muestra [direct]
- Recursos [direct]
- Lanzamientos [direct]
- English [direct]
- Deutsch [direct]
- Français [direct]
- 日本語 [direct]
- Português [direct]
- Русский [direct]
- 中文 [direct]
- Procesos en Electron [direct]
- Mejores Prácticas [direct]
- Ejemplos [direct]
- Desarrollo [direct]
- Native Node Modules [direct]
- Distribución [direct]
- Referencia Avanzada [direct]
- Firma de código [direct]
- Actualización de aplicaciones [direct]
- Guias de App Store [direct]
- Pruebas y depuración [direct]
- Referencias [direct]
- Contribuyentes [direct]
- documentation [direct]
- Packaging and Distribution [direct]
- prebuilt binaries [direct]
- asar [direct]
- rcedit [direct]
- Editar esta página [direct]
- Seguridad [direct]
- Discord [direct]
- Bluesky [direct]
- X [direct]
- Mastodon [direct]
- Stack Overflow [direct]
- GitHub [direct]
- Open Collective [direct]
- Infraestructura de Pizarra [direct]
|
|