Electron 重いし Eel 使ってみない？ってお話 #Electron

皆さん、Electron 使ってる？

さくっと、アプリ作りたいときにいいですよねElectron。
有名ですし。

でも

Electron重くない？約60MB

Electronで作ったアプリケーション毎に、ブラウザインストールしているようなものですもの。

正直、作りたいものに比べて、ライブラリが大きすぎる。

Eelのサイズは？

約30KB（多少手を加えてはいる）

Python自体が約170MBあるけど、Electron製アプリを4,5個入れたら吹っ飛ぶ

Eelって何をやっているの？

平たく言うと
* Pythonでローカルサーバ立ち上げ
* Chromeをappmodeで起動してindex.htmlのパスを渡す

くらい

Chromeないとダメ？

Eel/chrome.py を参考に
find_chrome_[OS name]が返すブラウザのパスを変えれば、FirefoxでもIEでもEdgeでもVivaldiでも開ける。

実行するときに書くもの

Electronを始めるとき

index.js とかを用意して npm run start

package.json(略)

{
  "scripts": {
    "start": "electron .",
  }
}

index.js

const {app, BrowserWindow, ipcMain} = require('electron');
const isDebug = true;
var win = null;

const createMainWindow = () => {
    isDebug ? console.log(require.resolve('electron')) : void 0;
    win = new BrowserWindow({
        title: '',
        width: 1280,
        height: 720,
        minWidth: 350,
        minHeight: 100,
        alwaysOnTop: false,
        darkTheme: true,
        fullscreenable: true,
        webPreferences: {
            devTools: isDebug
        }
    });
    win.webContents.openDevTools();
    win.loadURL(`file://${__dirname}/index.html`);
    win.on('closed', () => {win = null;});
};

app.on('window-all-closed', () => process.platform !== 'darwin' ? app.quit() : void 0);
app.on('acrivate', () => win === null ? createMainWindow() : void 0);
app.on('ready', createMainWindow);

ディレクトリ構成

/
┝ web/
│ └ ........
┝ package.json
┝ index.html
└ index.js

Eelを始めるとき

main.py とか用意して py main.py

main.py

import eel
eel.init('web')
eel.start('index.html')

ディレクトリ構成

/
┝ web/
│ └ index.html
└ main.py

超簡単でしょ？

Eelでデストップアプリはできるの？

できるよ。そう、PyInstallerがあればね