Electronでのアプリビルド方法(備忘録)

初めに

Electronを使用したデスクトップアプリのインストーラーをGithubにアップロードするためにアプリをビルドする際の一連の作業と詰まったポイントを備忘録として記録。

開発環境

Windows11
Node.js: 18.14.1
electron: 14.2.9
electron-builder: 23.4.0

手順

1. electron-builderのインストール
   今回はelectron-builderを使用してアプリをビルドするのでまずはelectron-builderをインストール。
   npmよりyarnが推奨されているのでyarnが無ければ先にやyarnをインストール。

   > npm install -g yarn
   > yarn add electron-builder --dev
   

2. アプリのビルド（Windows）
   以下のコマンドを実行して.exeファイルを作成。コマンド実行後、/distフォルダ内に作成されます。

   > npx electron-builder --win --x64 
   

3. アプリのビルド（Mac）
   結論から言うとWindowsPCでMac用インストーラーを作成することはできないようです。
   別の記事でいろいろ試したことを紹介してます（結局配布するにはAppleのライセンスを購入しなければならない）。
   一応コマンドだけ、、、

   > npx electron-builder --mac --x64
   

まとめ

electron-builderを使えば非常に簡単にアプリが配布できる。
Macはややこしい