文章目录

• ​​一、简介​​
• ​​二、架构​​

• ​​（1）`Chronmium` 架构​​
• ​​（2）`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​​