Electron初探

H5开发桌面应用？

没错，H5如今也能够开发跨平台的桌面应用了，这意味着咱们能够用网页来设计和制做桌面应用。

基于Node.js的Electron框架就能够实现桌面应用，比较有名的Electron框架实现的桌面应用就是微软的VS Code了，下面给出Electron的官网地址：

https://electronjs.org/

建立项目

能够在项目中做为依赖项安装：

npm install electron --save-dev

也能够全局进行安装：

npm install electron -g

快速建立一个项目的方式是直接把官网的示例拉下来便可：

https://github.com/electron/electron-quick-start

安装命令以下：

npm install

启动命令以下：

npm start

而后就能够看到启动界面了。

打包应用

使用npm下载安装electron-packager：

npm install electron-packager -g

安装好后，进入要打包的应用目录执行下面的脚本便可：

D:\electron-quick-start>C:\Users\Administrator\AppData\Roaming\npm\electron-packager . TestApp --out ../electronPublish

1. C:\Users\Administrator\AppData\Roaming\npm\electron-packager：是下载后的electron-packager文件所在地址；
2. .：表示打包当前目录；
3. TestApp：应用名称；
4. --out ../electronPublish：输出目录为上级目录electronPublish;

打包后的Windows端程序，目录下的resources\app文件夹就是网页资源存放目录，用于支持运行的其它文件大概有130M。

最后说一下

Electron实际上就是Node.js的操做文件的能力+Chrome内核的渲染能力+v8引擎的速度的一个集合体，额外扩展了系统控件和文件处理的能力。

因为H5项目的特性，实际上，只须要打包出示例的程序以后，就能够经过替换resources\app文件夹下的内容来达到替换应用的功能的目的，另外若是直接将链接指向网上的地址也是能够的，可是要注意，这样会使网络上的JS拥有控制电脑内全部文件的权限，会出现很大的安全风险。