メモ > 技術 > 開発: Electron > テストアプリ
テストアプリ
■作成
>cd C:\Users\refirio\Electron\
>mkdir electron-test
>cd electron-test
>npm init -y
（package.json が作成される）
package.json を以下のように編集する。
{
"name": "electron-test",
"version": "1.0.0",
"description": "",
"main": "main.js", … index.js を main.js に変更。
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"keywords": [],
"author": "",
"license": "ISC"
}
main.js を作成し、以下の内容を記述する。
'use strict';
var electron = require('electron');
var app = electron.app;
var BrowserWindow = electron.BrowserWindow;
var mainWindow = null;
app.on('window-all-closed', function() {
if (process.platform != 'darwin')
app.quit();
});
app.on('ready', function() {
// ブラウザ(Chromium)の起動, 初期画面のロード
mainWindow = new BrowserWindow({width: 400, height: 300});
mainWindow.loadURL('file://' + __dirname + '/index.html');
mainWindow.on('closed', function() {
mainWindow = null;
});
});
index.html を作成し、以下の内容を記述する。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Electron Test</title>
</head>
<body>
<h1>Hello, Electron!</h1>
</body>
</html>
■実行
「index.html」「main.js」「package.json」があることを確認し、コマンドプロンプトで以下を実行する。
>npx electron .
ウインドウが表示され、HTMLファイルの内容が表示されれば成功。
■アーカイブ
アーカイブするためのツールをインストール。
>npm install -g asar
以下のように、packコマンドでアーカイブを実行。
（第二引数が書き出し先になるが、アプリケーションのディレクトリ外を指定する。）
>asar pack . C:\Users\refirio\Electron\electron-test.asar
以下のコマンドで実行できる。
>npx electron C:\Users\refirio\Electron\electron-test.asar
■パッケージング
パッケージングするためのツールをインストール。
>npm install electron-packager -g
以下のコマンドでパッケージングを実行。
初回は時間がかかるが、2回目以降はすぐにパッケージングされる。
>electron-packager . electron-test --platform=darwin,win32 --arch=x64 --electron-version=1.4.1 --overwrite
electron-test-win32-x64\electron-test.exe を実行してアプリが起動すれば成功。
■プログラムを編集する場合
例えば main.js や index.html を編集したとする。
以下で実行できる。
>npx electron .
以下でアーカイブできる。
>asar pack . ..\electron-test.asar
以下でパッケージングできる。
>electron-packager . electron-test --platform=darwin,win32 --arch=x64 --electron-version=1.4.1 --overwrite
常にパッケージングした状態で動作確認したければ、
コードを編集するたびに electron-test フォルダ内で最後のコマンドを入力すれば良さそう。
>electron-packager . electron-test --platform=darwin,win32 --arch=x64 --electron-version=1.4.1 --overwrite