Freigeben über

Verpacken Ihrer Electron-App für die Verteilung

In diesem Handbuch erfahren Sie, wie Sie ein MSIX-Paket zum Verteilen Ihrer Electron-App mit Windows-APIs erstellen.

Voraussetzungen

  • Einrichtung der Entwicklungsumgebung abgeschlossen
  • Überprüfen Sie, ob Ihre App ordnungsgemäß ausgeführt wird npm start

Vorbereiten der Verpackung

Konfigurieren Sie vor dem Packen Ihr Buildtool, um temporäre Dateien aus dem endgültigen Build auszuschließen:

  • .winapp/-Ordner
  • winapp.yaml
  • Zertifikatdateien (.pfx)
  • Debugsymbole (.pdb)
  • C#-Build-Artefakte (obj/, bin/-Ordner)
  • MSIX-Pakete (*.msix)

Stellen Sie sicher, dass Ihr appxmanifest.xmlExecutable Attribut auf die richtige .exe Datei verweist.

Dieser Ansatz bietet Ihnen mehr Kontrolle und funktioniert mit jedem Electron-Paketierer.

Erstellen Ihrer Electron-App

npx electron-forge package

Dadurch wird eine Produktionsversion im ./out/ Ordner erstellt.

Erstellen des MSIX-Pakets

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

Ersetzen Sie durch <your-app-folder> den tatsächlichen Ordnernamen, der von Electron Forge erstellt wurde (z. B my-windows-app-win32-x64. ).

Tipp

Fügen Sie Ihren package.json Skripts diese Befehle zur Vereinfachung hinzu:

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

Option 2: Verwenden der Elektronenschmiede MSIX Maker

Wenn Sie bereits Electron Forge verwenden, können Sie MSIX-Verpackungen direkt integrieren.

Installieren von MSIX Maker

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

Konfigurieren von forge.config.js

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

Aktualisieren von appxmanifest.xml

Aktualisieren Sie den Executable Pfad, um auf den app Ordner zu verweisen:

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

Erstellen des MSIX-Pakets

npm run make

Das MSIX-Paket wird erstellt in ./out/make/msix/.

Installieren und Testen von MSIX

Installieren Sie das Entwicklungszertifikat (einmaliges Setup, als Administrator ausführen):

npx winapp cert install .\devcert.pfx

Installieren Sie das MSIX-Paket:

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

Ihre App wird im Startmenü angezeigt.

Verteilungsoptionen

Microsoft Store

Übermitteln Sie Ihre App für die breiteste Verteilung und automatische Updates. Weitere Informationen: Veröffentlichen Sie Ihre App im Microsoft Store.

Direkter Download

Hosten Sie das MSIX-Paket auf Ihrer Website. Signieren Sie es mit einem Zertifikat einer vertrauenswürdigen Zertifizierungsstelle.Sign it with a trusted certificate authority (CA) certificate.

Unternehmensdistribution

Verteilen sie über Company Portal (Intune), direkten Download oder Querladen. Weitere Informationen: Verteilen von Apps außerhalb des Store.

App-Installer

Erstellen Sie eine .appinstaller Datei für automatische Updates. Weitere Informationen: Übersicht über die App-Installer-Datei.

  • Last updated on