Udostępnij za pośrednictwem

Pakowanie aplikacji Electron do dystrybucji

W tym przewodniku pokazano, jak utworzyć pakiet MSIX do dystrybucji aplikacji Electron za pomocą interfejsów API systemu Windows.

Wymagania wstępne

Przygotowanie do pakowania

Przed pakowaniem skonfiguruj narzędzie kompilacji, aby wykluczyć pliki tymczasowe z ostatniej kompilacji:

  • .winapp/ katalog
  • winapp.yaml
  • Pliki certyfikatów (.pfx)
  • Symbole debugowania (.pdb)
  • Artefakty budowy C# (foldery obj/, bin/)
  • Pakiety MSIX (*.msix)

Sprawdź, czy atrybut appxmanifest.xmlExecutable wskazuje prawidłowy .exe plik.

Takie podejście zapewnia większą kontrolę i współpracuje z dowolnym spakatorem Electron.

Tworzenie aplikacji Electron

npx electron-forge package

Spowoduje to utworzenie wersji produkcyjnej w folderze ./out/ .

Tworzenie pakietu MSIX

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

Zastąp <your-app-folder> rzeczywistą nazwą folderu utworzoną przez Electron Forge (na przykład my-windows-app-win32-x64).

Wskazówka

Dodaj następujące polecenia do package.json skryptów, aby zapewnić wygodę:

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

Opcja 2. Korzystanie z narzędzia Electron Forge MSIX Maker

Jeśli już używasz narzędzia Electron Forge, możesz zintegrować pakiet MSIX bezpośrednio.

Instalowanie producenta MSIX

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

Konfigurowanie forge.config.js

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

Aktualizowanie appxmanifest.xml

Zaktualizuj ścieżkę Executable , aby wskazywała app folder:

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

Tworzenie pakietu MSIX

npm run make

Pakiet MSIX zostanie utworzony w pliku ./out/make/msix/.

Instalowanie i testowanie pliku MSIX

Zainstaluj certyfikat dewelopera (jednorazowa konfiguracja uruchom jako administrator):

npx winapp cert install .\devcert.pfx

Zainstaluj pakiet MSIX:

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

Aplikacja zostanie wyświetlona w menu Start.

Opcje dystrybucji

Microsoft Store

Prześlij aplikację do najszerszej dystrybucji i aktualizacji automatycznych. Dowiedz się więcej: Publikowanie aplikacji w sklepie Microsoft Store.

Pobieranie bezpośrednie

Hostowanie pakietu MSIX w witrynie internetowej. Podpisz go przy użyciu zaufanego certyfikatu urzędu certyfikacji.

Dystrybucja korporacyjna

Dystrybuowanie za pośrednictwem Company Portal (Intune), bezpośredniego pobierania lub ładowania bezpośredniego. Dowiedz się więcej: Dystrybuowanie aplikacji spoza Sklepu.

Instalator aplikacji

Utwórz .appinstaller plik na potrzeby aktualizacji automatycznych. Dowiedz się więcej: Omówienie pliku Instalatora aplikacji.

  • Last updated on