0
点赞
收藏
分享

微信扫一扫

【Electron】之 初识


文章目录

  • ​​一、简介​​
  • ​​二、架构​​
  • ​​(1)`Chronmium` 架构​​
  • ​​(2)`Electron` 架构​​
  • ​​三、安装​​
  • ​​三、参考资料​​



一、简介

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

​Electron​​​ = ​​Chronmium​​​ + ​​Node.js​​​ + ​​Native API​

​Electron​​ 最小组成:

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

【Electron】之 初识_node.js




二、架构

(1)​​Chronmium​​ 架构

如图:

【Electron】之 初识_node.js_02



(2)​​Electron​​ 架构

如图:

【Electron】之 初识_node.js_03

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

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

处理方式:

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

【Electron】之 初识_node.js_04




三、安装

基于 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​​


举报

相关推荐

0 条评论