Würfel-App als Electron-App für verschiedene Desktop-Betriebssysteme (Zielplattformen) erstellen:
npm run electron:mac
npm run electron:linux
npm run electron:win
Siehe Definition der entsprechenden Befehle in package.json unter scripts
.
Für jede Zielplattform wird ein Unterordner im Ordner release-builds
angelegt:
release-builds/WuerfelApp-win32-ia32
release-builds/WuerfelApp-darwin-x64
release-builds/WuerfelApp-linux-x64
Der Ordner mit darwin
im Namen ist für MacOS.
Wenn unter Ubuntu der Befehl npm run electron:win
ausgeführt werden soll, dann muss Wine installiert sein:
- Überprüfen, ob es installiert ist:
wine --version
- Installieren:
sudo apt install wine64
Die Linux-App ist über folgenden Befehl im Ordner WuerfelApp-linux-x64
zu starten: ./WuerfelApp &
Dem Ionic-Projekt müssen zunächst einige Pakete hinzugefügt werden:
npm install ngx-electron electron
npm install electron-packager --save-dev
In der Datei src/index.html muss der <base>
-Tag wie folgt geändert werden:
<base href="./" />
Dann muss der Befehl ionic build
ausgeführt werden.
Dem Ionic-Projekt kann dann dann Electron als Zielplattform hinzugefügt:
npx cap add electron
Die App kann dann gestartet werden:
npx cap open electron
- Ionic-App mit Electron für Windows und MacOS erstellen: https://devdactic.com/ionic-desktop-electron/
- Electron-App (nicht Ionic-spezifisch!) für Windows, MacOS und Linux erstellen: https://www.christianengvall.se/electron-packager-tutorial/