アプリのインストーラを作る
準備(アプリのフォルダで実行)
npm install --save-dev electron-builder
package.jsonファイル修正
"name": "《アプリ名称》", : "description": "《アプリの説明》", :
※descriptionの文字列が空だとインストーラが生成できない
アプリアイコンの設定
インストール後のアプリのアイコンは、HTMLファイルのheadタグに設定されたものになる
記述例)
<link rel="SHORTCUT ICON" href="icon.ico"> <link rel="apple-touch-icon" href="icon.png" >
※注意点として、設定したアイコンファイル(上記だとicon.png)は256×256ピクセル以上が必要
※icon.icoなどのWindowsアイコンファイルは以下サイトにて作成可能。
マルチアイコン生成ウェブアプリ
https://kantaro-cgi.com/webappli/multiicon-maker/
インストーラ作成
npx electron-builder
正常に終了するとdistフォルダ内にXXXXX Setup1.0.0.exeという名前でインストーラーが生成されている。
インストーラが生成されない場合は、エラーメッセージや警告が出ているので参照のこと。
コメント