Electronのアプリをexeにしてみます。
※検証環境
Windows 10 Home, Node.js:v14.17.4, Electron:v15.0.0
ツールの選択
electron-builderも人気のようですが、公式サイトの推奨(?)にそってelectron-forgeを使ってみます。
electron-forgeの導入
実行にはGitが必要なので事前にインストールします。
exe化したいプロジェクトにelectron-forgeをインストールします。
> npm i -D @electron-forge/cli
※2021/10/1現在、依存先のtrim-newlinesの脆弱性を指摘されますが、実際にこのライブラリが呼び出されることはないようです(下記参照)。ということでいったん続行します。
exeの作成
author,descriptionの設定
exeファイルを作成するにはパッケージのauthor
,description
を設定する必要があります。
package.jsonの該当部分を確認し、空の場合は編集します。
...
"author": "fumi-410",
"description": "hello world application",
...
exeの作成
まず、electron-forgeのimport
コマンドを実行します。
> npx electron-forge import
√ Checking your system
√ Initializing Git Repository
√ Writing modified package.json file
√ Installing dependencies
√ Writing modified package.json file
√ Fixing .gitignore
We have ATTEMPTED to convert your app to be in a format that electron-forge understands.
Thanks for using "electron-forge"!!!
make
コマンドでexeファイルを作成します。
> npm run make
...
√ Checking your system
√ Resolving Forge Config
We need to package your application before we can make it
√ Preparing to Package Application for arch: x64
√ Preparing native dependencies
√ Packaging Application
Making for the following targets: squirrel
√ Making for target: squirrel - On platform: win32 - For arch: x64
プラットフォームによりますが、.\out\xxx-win32-x64
配下にexeが作成されていれば成功です。
exeファイルをダブルクリックし、ウィンドウが表示されることを確認します。
また、.\out\make\squirrel.windows\x64
配下に配布可能なセットアップ用exeが作成されます。
参考
Electron クイックスタート
https://www.electronjs.org/docs/tutorial/quick-start