Electron初探

Electron初探

1 Electron简介

Electron是使用Web前端技术（HTML+CSS+JavaScript）来开发跨平台的桌面应用程序的一种开源技术框架，其核心思想是内嵌浏览器引擎实现跨平台，使用Web前端技术实现表示和控制的分离，具体为使用Web前端技术（HTML+CSS+JavaScript）实现UI和UI交互，使用node.js和Electron提供的接口实现后台逻辑和数据存储。

2 Electron优势

（1）跨平台，目前支持Windows、Mac OS X、Linux，为不同的平台提供一致的体验。

（2）开发成本低，一次开发多平台共用，Web前端开发可以直接转桌面端开发，Web前端技术相对容易上手，人才储备有优势。

3 Electron缺点

（1）每一个新应用都要内嵌浏览器引擎，安装包占用空间大。

（2）应用性能相对较慢，应用启动加载和页面切换由V8引擎动态解释执行的，速度相对较慢。

4 初次使用体验

（1）由git init命令初始化git。

（2）由npm init命令生成应用程序配置文件package.json。

（3）由npm install --save-dev electron-prebuilt命令加载node和electron模块。

（4）由main.js启动，为 主进程，在main.js中加载index.html为主页面。

（5）可以在html文件中通过<script> require('./renderer.js') </script>启动renderer.js渲染进程，在渲染进程和主进程中可以使用所有的Node.js API和各自的Electron API。

（6）由electron .运行应用。

（7）由electron-packager . --platform=win32 --overwrite打包生成Windows平台.exe可执行程序。

（8）实际使用发现在同一个js文件中既可以使用Node.js API，同时也可以访问更改html文档的元素，这样很容易把表示和逻辑控制混在一起，不容易修改和维护，要想真正做到表示和控制的分离，不能仅仅依靠框架的约束，更重要的是自己在动手写代码之前就考虑好。