Files
electron/docs/tutorial/application-distribution.md
2015-04-16 11:31:12 +08:00

3.5 KiB

Application distribution

To distribute your app with Electron, you should name the folder of your app as app, and put it under Electron's resources directory (on OS X it is Electron.app/Contents/Resources/, and on Linux and Windows it is resources/), like this:

On OS X:

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

On Windows and Linux:

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

Then execute Electron.app (or atom on Linux, and atom.exe on Windows), and Electron will start as your app. The electron directory would then be your distribution that should be delivered to final users.

Packaging your app into a file

Apart from shipping your app by copying all its sources files, you can also package your app into an asar archive to avoid exposing your app's source code to users.

To use an asar archive to replace the app folder, you need to rename the archive to app.asar, and put it under Electron's resources directory like bellow, and Electron will then try read the archive and start from it.

On OS X:

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

On Windows and Linux:

electron/resources/
└── app.asar

More details can be found in Application packaging.

Rebranding with downloaded binaries

After bundling your app into Electron, you will want to rebrand Electron before distributing it to users.

If you don't care about the executable name on Windows or the helper process name on OS X, you can simply rename the downloaded binaries, and there is also a grunt task that can download prebuilt Electron binaries for your current platform automatically: grunt-download-atom-shell.

Windows

You can not rename the atom.exe otherwise native modules will not load. But you can edit the executable's icon and other information with tools like rcedit or ResEdit.

If you don't use any native Node module, it is fine to rename atom.exe to any name you want.

OS X

You can rename Electron.app to whatever you want, and you also have to rename the CFBundleDisplayName, CFBundleIdentifier and CFBundleName fields in following manifest files if they have these keys:

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

Linux

You can rename the atom executable to whatever you want.

Rebranding by rebuilding Electron from source

The best way to rename Electron is to change the product name and then build from source. To do this you need to override the GYP_DEFINES environment variable and have a clean rebuild:

Windows

> set "GYP_DEFINES=project_name=myapp product_name=MyApp"
> python script\bootstrap.py
> python script\build.py -c Release -t myapp

Bash

$ export GYP_DEFINES="project_name=myapp product_name=MyApp"
$ script/bootstrap.py
$ script/build.py -c Release -t myapp

grunt-build-atom-shell

Manually checking out Electron's code and rebuilding could be complicated, so a Grunt task has been created that will handle this automatically: grunt-build-atom-shell.

This task will automatically handle editing the .gyp file, building from source, then rebuilding your app's native Node modules to match the new executable name.