【Electron】之 初识

一、简介

---

Electron 是 使用Web技术构建跨平台桌面应用的技术。

Electron = Chronmium + Node.js + Native API

Electron 最小组成：

electron-app
  ├─package.js # 包体描述
  ├─index.html # 渲染进程
  └─main.js # 主进程（App生命周期、系统事件处理、原生GUI）

二、架构

---

（1）Chronmium 架构

如图：

（2）Electron 架构

如图：

困难点在于：Node.js 和 Chromiums 整合

Node.js 事件循环基于 libuv，Chromium 基于 message bump

处理方式：

1. Chromium 集成到 Node.js : 用 libuv 实现 message bump
2. Node.js 集成到 Chromium

三、安装

---

基于 Node.js
查看版本 npm -v
查看版本 node -v

npm install electron --save-dev

若需要打包 32位，则可以这样：
npm install --arch=ia32 --platform=win32 electron

验证安装成功:
./node_modules/.bin/electron -v

加速：
ELECTRON_MIRROR=https://cdn.npm.taobao.org/dist/electron/ npm install electron --save-dev

三、参考资料

---

1. https://github.com/dengyaolong/geektime-electron/tree/master/PDF