Electron App

https://github.com/ktkr3d/wowslhp

Electronで簡単なアプリケーションを作成してみました。

• electron-quick-start-typescript をカスタマイズ
• 単純に、指定したURL をBrowserWindow で表示
  https://worldofwarcraft.com/en-us/shadowlands
• electron-builderでインストーラを生成

World of Warcraft Shadowlands のリリース時刻までカウントダウンします。残り一週間ですね。

環境

• Windows 10 Pro Insider Preview Build 20231
  • Git 2.29.2
  • Node.js v14.15.0
    • npm 6.14.8
    • Yarn 1.22.5
      • electron-builder 22.9.1

前提パッケージの導入

1. Git
   https://gitforwindows.org/
2. Node.js
   https://nodejs.org/ja/
3. Yarn
   https://classic.yarnpkg.com/ja/docs/install/#windows-stable
4. electron-builder

> yarn add electron-builder --dev

プロジェクトの作成、ビルド、起動

1. プロジェクトの作成

> git clone https://github.com/ktkr3d/wowslhp
> cd wowslhp
> npm install

2. ビルドと起動

> npm start

インストールパッケージの生成

1. ビルド

> npm build

npm build を実行すると、src/main.ts がdist/main.js にトランスパイルされます。

2. インストーラファイルの生成

> npx electron-builder --win --x64 --config.nsis.oneClick=false

nsis.oneClick にfalse を指定すると、インストール時に確認ウィンドウを表示します。
https://www.electron.build/configuration/nsis

3. 生成されたインストーラファイルの確認
   dist/wowslhp Setup 1.0.0.exe
   ファイルサイズは50MB 程度です。

インストール

1. インストール
   wowslhp Setup 1.0.0.exe を実行します。

• すべてのユーザ用を選択した場合、%PROGRAMFILES%\wowslhp\ にインストールされます。
• 現在のユーザのみを選択した場合、%LOCALAPPDATA%\Programs\wowslhp\ にインストールされます。