Paketera din Electron-app för distribution

Den här guiden visar hur du skapar ett MSIX-paket för att distribuera din Electron-app med Windows-API:er.

Förutsättningar

  • Installationen av utvecklingsmiljön har slutförts
  • Verifierat att din app körs korrekt med npm start

Förbereda för paketering

Innan du paketerar konfigurerar du byggverktyget så att temporära filer undantas från den slutliga versionen:

  • .winapp/ mapp
  • winapp.yaml
  • Certifikatfiler (.pfx)
  • Avlusningssymboler (.pdb)
  • C# build artifacts (obj/, bin/ mappar)
  • MSIX-paket (*.msix)

Kontrollera att attributet appxmanifest.xmlExecutable pekar på rätt .exe fil.

Den här metoden ger dig mer kontroll och fungerar med alla Electron-paketerare.

Skapa din Electron-app

npx electron-forge package

Då skapas en produktionsversion i ./out/ mappen.

Skapa MSIX-paketet

npx winapp pack .\out\<your-app-folder> --output .\out --cert .\devcert.pfx --manifest .\appxmanifest.xml

Ersätt <your-app-folder> med det faktiska mappnamnet som skapats av Electron Forge (till exempel my-windows-app-win32-x64).

Tips/Råd

Lägg till dessa kommandon i skripten package.json för enkelhetens skull:

{
  "scripts": {
    "package-msix": "npx electron-forge package && npx winapp pack ./out/my-windows-app-win32-x64 --output ./out --cert ./devcert.pfx --manifest appxmanifest.xml"
  }
}

Alternativ 2: Använda Electron Forge MSIX Maker

Om du redan använder Electron Forge kan du integrera MSIX-paketering direkt.

Installera MSIX Maker

npm install --save-dev @electron-forge/maker-msix

Konfigurera forge.config.js

module.exports = {
  makers: [
    {
      name: '@electron-forge/maker-msix',
      config: {
        appManifest: '.\\appxmanifest.xml',
        windowsSignOptions: {
          certificateFile: '.\\devcert.pfx',
          certificatePassword: 'password'
        }
      }
    }
  ],
};

Uppdatera appxmanifest.xml

Executable Uppdatera sökvägen så att den pekar på app mappen:

<Applications>
  <Application Id="myApp"
    Executable="app\my-app.exe"
    EntryPoint="Windows.FullTrustApplication">
  </Application>
</Applications>

Skapa MSIX-paketet

npm run make

MSIX-paketet skapas i ./out/make/msix/.

Installera och testa MSIX

Installera utvecklingscertifikatet (engångskonfiguration, kör som administratör):

npx winapp cert install .\devcert.pfx

Installera MSIX-paketet:

Add-AppxPackage .\my-windows-app.msix

Appen visas på Start-menyn.

Distributionsalternativ

Microsoft Store

Skicka in din app för den bredaste distributionen och automatiska uppdateringarna. Läs mer: Publicera din app i Microsoft Store.

Direkt nedladdning

Placera MSIX-paketet på din webbplats. Signera det med ett certifikat för betrodd certifikatutfärdare (CA).

Företagsdistribution

Distribuera via Company Portal (Intune), direkt nedladdning eller sidladdning. Läs mer: Distribuera appar utanför Store.

Installationsprogram för appar

Skapa en .appinstaller fil för automatiska uppdateringar. Läs mer: Översikt över appinstallationsfilen.

  • Last updated on