Wie Electron App für Windows oder Mac oder Linux-System freigeben?

Question

Ich habe eine App mit kantigen 2 erstellt, und ich habe ios und apk-Datei nach einiger Modifizierung mit ionischen

habe ich Desktop-App-Datei mit demselben Projekt

Ich habe gegangen durch viele Ressourcen für Elektronen schaffen wollte, aber Ich konnte keine klare Idee über

, wie kann ich eine EXE-Datei aus Elektronen-App-Datei für Windows oder Mac-App-Datei oder Linux ausführbare Datei Wenn jemand klare Hinweise darüber, wie kann ich eine ausführbare Datei für erstellen Windows oder Mac oder Linux von Electorn Bitte beantworten Sie unten

Dies wird sehr hilfreich für mich sein, um Elektronen zu lernen

Answer 1

Haben Sie versucht electron-builder?

Answer 2

Verteilung Beispiel App mit Electron-Quick-Start-Projekt von der offiziellen electron.atom.io Seite:

---

# Clone the Quick Start repository 
$ git clone https://github.com/electron/electron-quick-start 

# Go into the repository 
$ cd electron-quick-start 

# Install the dependencies and run 
$ npm install && npm start 

---

Für die Verteilung von Anwendungen werden wir Electron-Builder verwenden: a eine Komplettlösung zu verpacken und bauen bereit für den Vertrieb Electron App für MacOS, Windows und Linux mit "Auto-Update" Unterstützung aus der Box. *

Aus "Quick Setup Guide" Abschnitt bei electron-builder docs:

1. Geben Sie die Standardfelder in der Anwendung package.json-name, description, version und author. im package.json

2. die Build-Konfiguration wie folgt angeben:

   "build": { "appId": "your.id" "mac": { "Kategorie": „your.app .category.type " } }

3. hinzufügen electron-builder bei package.json (fehlendem Schritt von docs!):

   "devDependencies": { " electro n ": "1.6.6" , "Elektron-builder": "17.1.2"}

4. ein Verzeichnis im Stammverzeichnis des Projektes baut erstellen und background.png (macOS DMG Hintergrund) sparen, icon.icns (Mac OS App-Symbol) und icon.ico (Windows App-Symbol) hinein.

   Das Linux-Icon-Set wird automatisch basierend auf der Datei macOS icns generiert.

5. Fügen Sie die Skripte der Schlüssel zur Entwicklung package.json:

   "Skripte": { "pack": "bauen --dir", "dist": "bauen" }

Dann können Sie npm run dist in Ihrem Stamm-App-Ordner (in einem verteilbaren Format (zB dmg, Windows Installer, Deb-Paket)) zu packen. Wenn Sie fertig sind, können Sie sehen, dass es ein entsprechendes Installationsprogramm unter app/dist Ordner gibt!