Electron Forgeを使ってみる

開発環境は、Windows 10 Pro(64bit) + node v14.17.0 + npm 6.14.13。

簡単に、Electronのプロジェクトを簡単に作成/配布できるElectron Forgeを使ってみます。

1.公式サイトへアクセス。

2.コマンドプロンプトを立ちあげて、electron-forgeディレクトリを作成して、カレントディレクトリに

cd c:\ && mkdir electron-forge && cd electron-forge

3.Electron Forgeをインストールする

npm i -g @electron-forge/cli

4.Electron Forgeでプロジェクトを作成する。プロジェクト名は今回は、my-appとしておきます。

npx create-electron-app my-app

インストールに時間がかかります。

5.インストールが完了したら、Electronを起動してみる

cd my-app
npm start

以下が表示された結果。

6.作ったアプリを配布したい場合は、以下のようにします。

npm run make

outディレクトリ内に完成品ができています。試しに、make/squirrel.windows/x64ディレクトリ内のmy-app-1.0.0 Setup.exeを起動すると、ローディング中のアニメーションが表示され、パソコン内にインストールが開始されます。最終的にウィンドウが表示され、デスクトップにアイコンが作成されます。

次からは、そのアイコンをダブルクリックすると、アプリが起動します。使わなければ、インストールしたソフト一覧から、単に、アンインストールするだけでOKです。