electronメモ
4878 ワード
electronメモ
electronでHello Worldアプリ作成
$ npm i electron -g
$ npm i electron-packager -g
$ vi main.js
const electron = require('electron');
const app = electron.app;
const BrowserWindow = electron.BrowserWindow;
let mainWindow = null;
app.on('ready', () => {
// mainWindowを作成（windowの大きさや、Kioskモードにするかどうかなどもここで定義できる）
mainWindow = new BrowserWindow({width: 400, height: 300});
// Electronに表示するhtmlを絶対パスで指定（相対パスだと動かない）
mainWindow.loadURL('file://' + __dirname + '/index.html');
// ChromiumのDevツールを開く
mainWindow.webContents.openDevTools();
mainWindow.on('closed', function() {
mainWindow = null;
});
});
$ vi index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Hello World!</title>
</head>
<body>
Hello World!
</body>
</html>
Mac用に実行ファイルを生成
$ electron -v
v5.0.6
$ electron-packager . electron-sample --platform=darwin --arch=x64 --electron-version=5.0.6
$ npm i electron -g
$ npm i electron-packager -g
$ vi main.js
const electron = require('electron');
const app = electron.app;
const BrowserWindow = electron.BrowserWindow;
let mainWindow = null;
app.on('ready', () => {
// mainWindowを作成（windowの大きさや、Kioskモードにするかどうかなどもここで定義できる）
mainWindow = new BrowserWindow({width: 400, height: 300});
// Electronに表示するhtmlを絶対パスで指定（相対パスだと動かない）
mainWindow.loadURL('file://' + __dirname + '/index.html');
// ChromiumのDevツールを開く
mainWindow.webContents.openDevTools();
mainWindow.on('closed', function() {
mainWindow = null;
});
});
$ vi index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Hello World!</title>
</head>
<body>
Hello World!
</body>
</html>
Mac用に実行ファイルを生成
$ electron -v
v5.0.6
$ electron-packager . electron-sample --platform=darwin --arch=x64 --electron-version=5.0.6
これでelectron-sample.appというアプリケーションが作成されます。
参考
Author And Source
この問題について(electronメモ), 我々は、より多くの情報をここで見つけました https://qiita.com/oho/items/a9425aacede65fdb5c93著者帰属：元の著者の情報は、元のURLに含まれています。著作権は原作者に属する。
Content is automatically searched and collected through network algorithms . If there is a violation . Please contact us . We will adjust (correct author information ,or delete content ) as soon as possible .