electron-vueでアプリを作成しており、.exeではなく.appxを作成したくなった。
備忘録として、.appxでパッケージ化する方法をまとめておく。
※ コードサイニング証明書が高いので、最終的に.exeのみにしたのでお蔵入りですが、
Windows10にappxをインストールしてテストしたい場合は有効です。
当方、Windows10 Proです。
# 準備
1. electron-packagerをグローバルインストール
$ npm install -g electron-packager
2. electron-windows-storeをグローバルインストール（electron-packagerで生成した.exeを.appxに変換します）
$ npm install -g electron-windows-store
3. Desktop App Converterをインストール
Desktop App Converterからダウンロードしてインストールをしてください。
4. Windows 10 SDKをインストール
Windows 10 SDKからダウンロードしてインストールをしてください。
5. Base Imageをダウンロード
Base Imageをダウンロードしてください。
ダウンロードするビルドバージョンはpowershellを開いてwinverコマンドで確認可能です。
Windows10のコンテナが利用する仮想OS的なものらしく、Desktop App Converterがアプリを変換するときに必要になります。
# 設定
管理者権限でpowershellを起動し、下記コマンドを実行を実行
PS C:\WINDOWS\system32> Set-ExecutionPolicy -ExecutionPolicy RemoteSigned
# .exeの生成
win32, ia32用の実行ファイルを生成
$ electron-packager {C:\アプリディレクトリ} {アプリ名} --platform=win32 --arch=x64
# .appxの生成
1. 管理者権限でpowershell起動
2. DesktopAppConverter.ps1のファイルパスを調べる
表示されるInstallLocationのパスにps1ファイルが存在する確認する。
PS C:\WINDOWS\system32> Get-AppXPackage "*DesktopAppConverter*"
3. electron-windows-storeを実行
$ electron-windows-store --input-directory "{C:\electron-packeagerで生成したディレクトリパス(electionary-win32-ia32)}" --output-directory "C:\出力パス(electron-windows-store-output)" --package-version 1.0.0.0 --package-name {パッケージ名}
4. 実行後に下記質問がでるので順番に回答
`Did you download and install the Desktop App Converter? It is *not* required to run this tool.` Yes
`You need to install a development certificate in order to run your app. Would you like us to create one?` Yes
`Please enter the path to your Desktop App Converter (DesktopAppConverter.ps1):` DesktopAppConverter.ps1のパス
`Please enter the path to your Expanded Base Image:` Base Imageのパス
`Please enter the path to your development PFX certficate:` 未入力でEnter
`Please enter your publisher identity: (CN=developmentca)`CN={Publisher}
`Please enter the location of your Windows Kit's bin folder:`Winodws Kitのパス
上記情報を入力しEnterを押下すると処理が開始される。正常に終了すれば`All Done`と表示される
# 補足情報
1. 下記にappxの生成 4で入力した情報が設定されている。消すかファイルを直接いじれば編集可能
C:\Users\{ユーザ名}\.electron-windows-store
2. 証明書(.pfx)は下記に生成される
C:\Users\{ユーザ名}\AppData\Roaming\electron-windows-store\[Publisher]