4
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

Electron - exeの作成

Last updated at Posted at 2021-09-30

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の該当部分を確認し、空の場合は編集します。

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

4
3
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
4
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?