nodejs的桌面应用(electron)

时间:2024-10-21 09:51:17

最近发现nodejs可以做桌面应用,主要是之前的同事在搞,我也要稍微研究下不能落后啊,基于nodejs的桌面应用,常用的就是和electron,nw出的比较早,资料比较多,bug也很多,它的前身是node-webkit文档可以参考,微信web开发工具、钉钉都是基于 开发的,支持xp,还有很多人抱着xp过日子呢。而electron比较全比较新,在github的文档electron也比较多,有中文文档的,成型的case很多Electron由github主导,有成熟的杀手级产品atom和vs code,Intel和微软都有参与,社区还是很活跃的。

这里写图片描述

原理研究

web-native技术是基于 Chromium 和 运行的。chromium的商业化产品就是我们熟悉的chrome浏览器。chromium基本就是一个操作系统,里面提供了非常复杂的协议栈和各种功能,包括但不限于:

跨平台的系统资源访问,如文件系统
各种互联网相关协议,如HTTP, HTTPS, FTP, DNS, etc.
强大的并发处理能力
各种压缩协议和算法
页面快速渲染
javascript执行引擎
磁盘缓存机制

electron做了如下事情:
(1) 将nodejs和chromium的结合起来,让使用者可以调用的函数,让你可以使用几乎所有的nodejs社区里的module。
(2) 合并nodejs和chromium两者里的web引擎(都基于v8)。这样所有javascript运行在一个context下。
(3) 修改沙箱模型,去除很多对桌面应用而言没有意义的安全手段,让应用可以最大程度访问本地资源(比如文件,本地网络等)。

一旦环境跑起来,就跟做一个网页几乎就没什么区别,加载CSS,图片啊,JS就可以了。因为本质上,electron就是给你搞了一个Chrome浏览器的壳子,只是比传统网页多了一个访问桌面文件的功能,跟cordova其实没有多大的差别,只是底层和运行环境稍有不同。所以不管是什么jquery,vue,react,,bs,dojo,prototype拉起来就是干,也不用担心兼容性。

看下electron主打的功能
自动更新
原生的菜单 & 通知
崩溃报告
调试 & 性能分析
Windows 安装程序

一个基础的Electron包含三个文件:(元数据),(代码)(图形用户界面)。框架由Electron可执行文件(Windows中为、macOS中为、Linux中为electron)提供。开发者可以自行添加标志、自定义图标、重命名或编辑Electron可执行文件。

下面是和electron的相关功能对比图

这里写图片描述
这里写图片描述

跑个程序试下electron

git clone https:///electron/electron-quick-start
cd electron-quick-start
cnpm install  //是cnpm啊!
npm start

通过上面的一顿操作你会获取到一个window的窗口

//下面是发布流程

npm install electron-packager -g
electron-packager . helloworld --out ../electron

就可以在上级目录的electron/helloworld-win32-x64中的找到一个来使用,这就是window下的程序了。

js统一江湖指日可待

参考资料
用nodejs开发桌面应用
用Nodejs开发桌面应用。 和 Electron 各有什么优缺点,你选择哪个?
& Electron Compared (2016 Edition) - TangibleJS