次の方法で共有

配布用に Electron アプリをパッケージ化する

このガイドでは、Windows API を使用して Electron アプリを配布するための MSIX パッケージを作成する方法について説明します。

[前提条件]

  • 開発環境のセットアップが完了しました
  • でアプリが正しく実行されていることを確認しました npm start

パッケージ化の準備

パッケージ化する前に、ビルド ツールを構成して、最終的なビルドから一時ファイルを除外します。

  • .winapp/ フォルダー
  • winapp.yaml
  • 証明書ファイル (.pfx)
  • デバッグ シンボル (.pdb)
  • C# ビルド成果物 (obj/、bin/ フォルダー)
  • MSIX パッケージ (*.msix)

appxmanifest.xml Executable属性が正しい.exe ファイルを指していることを確認します。

このアプローチにより、より多くの制御が提供され、任意の Electron パッケージャーで動作します。

Electron アプリをビルドする

npx electron-forge package

これにより、 ./out/ フォルダーに実稼働バージョンが作成されます。

MSIX パッケージを作成する

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

<your-app-folder>を、Electron Forge によって作成された実際のフォルダー名 (たとえば、my-windows-app-win32-x64) に置き換えます。

ヒント

便宜上、 package.json スクリプトに次のコマンドを追加します。

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

オプション 2: Electron Forge MSIX Maker の使用

Electron Forge を既に使用している場合は、MSIX パッケージを直接統合できます。

MSIX Maker をインストールする

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

forge.config.js の構成

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

appxmanifest.xml の更新

Executable フォルダーを指すapp パスを更新します。

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

MSIX パッケージを作成する

npm run make

MSIX パッケージは、 ./out/make/msix/に作成されます。

MSIX をインストールしてテストする

開発証明書をインストールします (1 回限りのセットアップ、管理者として実行)。

npx winapp cert install .\devcert.pfx

MSIX パッケージをインストールします。

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

アプリが [スタート] メニューに表示されます。

配信オプション

Microsoft Store

最も広いディストリビューションと自動更新のためにアプリを提出します。 詳細情報: アプリを Microsoft Store に発行します。

直接ダウンロード

WEB サイトで MSIX パッケージをホストします。 信頼された証明機関 (CA) 証明書で署名します。

企業向け配布

Company Portal (Intune)、直接ダウンロード、またはサイドローディングを使用して配布します。 詳細情報: ストアの外部でアプリを配布する。

アプリ インストーラー

自動更新用の .appinstaller ファイルを作成します。 詳細情報: アプリ インストーラー ファイルの概要。

  • Last updated on