macos - Hvordan frigiver Electron app til Windows eller Mac eller Linux system?

Indlæg af Hanne Mølgaard Plasc

Problem



Jeg har oprettet en App With Angular 2, og jeg har oprettet IOS og APK-fil efter nogle ændringer med ioniske


Jeg ønskede at oprette desktop app-fil med samme projekt


Jeg har gennemgået mange ressourcer til elektron, men jeg kunne ikke få nogen klar ide om


hvordan jeg kan oprette en exe fil fra elektron app fil til Windows eller Mac app fil eller Linux eksekverbar fil
Hvis nogen kender nogen klare referencer om, hvordan jeg kan oprette en eksekverbar fil til Windows eller Mac eller Linux af Electorn Svar venligst bellow


Dette vil være meget nyttigt for mig at lære Electron

Bedste reference


Har du prøvet elektronbygger? [17]

Andre referencer 1


Appdistributionseksempel ved hjælp af Electron-hurtigstartsprojekt fra officiel electron.atom.io side: [18]





# 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





Til applikationsdistribution bruger vi Electron-builder: En komplet løsning til pakke og opbygning af en klar til distribution Electron app til macOS, Windows og Linux med 'auto opdatering' support ud af kassen. *


Fra afsnittet 'Hurtig installationsvejledning' på elektronbyggeren docs: [19]



  1. Angiv standardfelterne i applikationen package.json - name, description, version og author.

  2. Angiv byggekonfigurationen i package.json som følger:


    'build': {
    'appId': 'your.id',
    'mac': {
    'kategori': 'din.app.kategori.type'
    }
    }

  3. Tilføj electron-builderpackage.json (manglende trin fra docs!):


    'devDependencies': {
    'elektron': '1.6.6' ,
    'elektronbygger': '17.1.2'
    }

  4. Opret en mappe, der er opbygget i projektets rod, og gem en background.png (macOS DMG-baggrund), icon.icns (macOS-appikon) og icon.ico (Windows appikon) .


    Linux-ikonsættet genereres automatisk baseret på macOS icns -filen.

  5. Tilføj scriptsnøglen til udviklingen package.json:


    'scripts': {
      'pakke': 'build - dir',
      'dist': 'build'
    }



Derefter kan du køre npm run dist i din root app mappe (for at pakke i et distribueret format (fx dmg, windows installer, deb pakke)).
Når du er færdig, kan du se, at der findes et passende installationsprogram på mappen app/dist!