Anwendungspakete

To distribute your app with Electron, you need to package and rebrand it. To do this, you can either use specialized tooling or manual approaches.

With tooling

There are a couple tools out there that exist to package and distribute your Electron app. We recommend using Electron Forge. You can check out its documentation directly, or refer to the Packaging and Distribution part of the Electron tutorial.

Manual packaging

If you prefer the manual approach, there are 2 ways to distribute your application:

• With prebuilt binaries
• With an app source code archive

With prebuilt binaries

To distribute your app manually, you need to download Electron's prebuilt binaries. Als nächstes sollte der Ordner, der die App beinhaltet, app genannt werden und in das Electron-Resources-Verzeichnis verschoben werden, wie in den unten stehenden Beispielen zu erkennnen ist.

note

The location of Electron's prebuilt binaries is indicated with electron/ in the examples below.

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

Then execute Electron.app on macOS, electron on Linux, or electron.exe on Windows, and Electron will start as your app. The electron directory will then be your distribution to deliver to users.

With an app source code archive (asar)

Anstatt Ihre App durch Kopieren aller Quelldateien zu versenden, können Sie Ihre App in ein [][] Archiv packen, um die Leistung beim Lesen Dateien auf Plattformen wie Windows zu verbessern, wenn Sie nicht bereits einen Bundler wie Parcel oder Webpack verwenden.

Um ein asar-Archiv zu nutzen, um den app Ordner zu ersetzen, müssen Sie das Archiv in app.asar umbenennen und, wie unten, in das Resources-Verzeichnis von Electron verschieben. Erst dann wird Electron versuchen das Archiv zu lesen und daraus starten.

macOS

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

Windows

electron/resources/
└── app.asar

You can find more details on how to use asar in the electron/asar repository.

Rebranding with downloaded binaries

Nachdem Sie Ihre App in Electron gebündelt haben, sollten Sie Electron umbennen, bevor Sie es an Ihre Nutzer weiterreichen.

• Windows: You can rename electron.exe to any name you like, and edit its icon and other information with tools like rcedit.

• Linux: You can rename the electron executable to any name you like.

• macOS: You can rename Electron.app to any name you want, and you also have to rename the CFBundleDisplayName, CFBundleIdentifier and CFBundleName fields in the following files:

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

  Sie können desweiteren die 'Helper App' von Electron umbenennen um das Auftauchen von Electron Helper im Activity Monitor zu vermeiden. Stellen Sie dabei sicher, dass Sie die ausführbare Datei der 'Helper App' umbenannt haben.

  Die Struktur der umbenannten App könnte so aussehen:

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

note

es ist auch möglich Electron zu rebranden, indem man den Produktnamen ändert und es vom Sourcecode buildet. Um dies zu Tun müssen sie das Buildargument, das zum Produktnamen gehört (electron_product_name = "IhrProduktName") in der args.gn Datei setzen und rebuilden.

Keep in mind this is not recommended as setting up the environment to compile from source is not trivial and takes significant time.