Electron覚書2

JavaScript

アプリのインストーラを作る

準備(アプリのフォルダで実行)

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という名前でインストーラーが生成されている。

インストーラが生成されない場合は、エラーメッセージや警告が出ているので参照のこと。

コメント