- Electronでアプリケーションを作ってみよう - Qiitaをハンズオンしてみた。
- xubuntu 14.04.2 + vagrant
開発環境
必須パッケージインストール
sudo locale-gen ja_JP.UTF-8
sudo apt-get update
sudo apt-get install -y nodejs-legacy npm git
sudo npm -g install electron-prebuilt
開発準備
mkdir electron-readus/lib; cd electron-readus
yes "" | npm init -y
- ファイルの編集
- package.json
- index.html
- main.js
- lib/fileUtil.js
デスクトップアプリの起動
export DISPLAY=:0
electron .
起動に失敗する場合は以下修正
package.json
- "main": "index.js",
+ "main": "main.js",
globモジュールのインストール
sudo npm install glob --save
bowerモジュールと、bowerからangularjsのインストール
sudo npm install bower
yes "" | bower init
bower install angular marked --save
asar化
sudo npm install -g asar
asar pack . ~/app.asar
配布用electron実行環境をダウンロード
-
https://github.com/atom/electron/releases
- Linux : electron-v0.30.0-win32-x64.zip
- RasPi : electron-v0.30.0-linux-arm.zip
- Mac : electron-v0.30.0-darwin-x64.zip
- Win : electron-v0.30.0-win32-x64.zip
- 解凍し、
resources
にapp.asarを置く。- ./electron を実行すると起動する。
electronは最近の著名なクロスプラットフォームアプリで採用されている
- Slack
- Atom
- VisualStudio Code
- kitematic
- kobito