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
前提パッケージの導入
- Git
https://gitforwindows.org/ - Node.js
https://nodejs.org/ja/ - Yarn
https://classic.yarnpkg.com/ja/docs/install/#windows-stable - electron-builder
> yarn add electron-builder --dev
プロジェクトの作成、ビルド、起動
プロジェクトの作成
git clone https://github.com/ktkr3d/wowslhp
cd wowslhp
npm installビルドと起動
npm start
インストールパッケージの生成
ビルド
npm build
npm build
を実行すると、src/main.ts
がdist/main.js
にトランスパイルされます。インストーラファイルの生成
> npx electron-builder --win --x64 --config.nsis.oneClick=false
nsis.oneClick にfalse を指定すると、インストール時に確認ウィンドウを表示します。
https://www.electron.build/configuration/nsis生成されたインストーラファイルの確認
dist/wowslhp Setup 1.0.0.exe
ファイルサイズは50MB 程度です。
インストール
- インストール
wowslhp Setup 1.0.0.exe
を実行します。
- すべてのユーザ用を選択した場合、
%PROGRAMFILES%\wowslhp\
にインストールされます。 - 現在のユーザのみを選択した場合、
%LOCALAPPDATA%\Programs\wowslhp\
にインストールされます。
Comment