本教程我们来学习 Electron 的基础知识,下面我们先来学习一下什么是 Electron。
Electron是什么
Electron 是是 GitHub 开发的一个开源框架。它允许使用 Node.js(作为后端)和 Chromium(作为前端)完成桌面 GUI 应用程序的开发。
Electron 可以用于构建具有 html、css、JAVAScript 的跨平台桌面应用程序,它通过将 Chromium 和 node.js 合同一个运行的环境中来实现这一点,应用程序可以打包到 mac、windows 和 linux 系统上。
发展历程
2013 年的时候,Atom 编辑器问世,作为实现它的底层框架 Electron 也逐渐被熟知,到 2014 年春季被开源,那时它还是叫 Atom Shell。接下来的几年,Electron 在不断的更新迭代,几乎每年都有一个重大的里程碑:
- 2013年4月,Electron 以 Atom Shell 为名起步。
- 2014年5月,Atom 以及 Atom Shell 以 MIT 许可证开源。
- 2015年4月,项目被重命名为 Electron。
- 2016年5月11日,电子版发布 v1.0.0 版本。
- 2016年5月20日,允许向Mac应用商店提交软件包。
- 2016年8月2日,支持Windows商店
- 2018年5月2号发布的2.0.0
支持平台
目前支持 Electron 的平台有 OS X、Windows、Linux:
- OS X:对于 OS X 系统仅有 64 位的二进制文档,支持的最低版本是 OS X 10.8。
- Windows:仅支持 Windows 7 及其以后的版本,之前的版本中是不能工作的。对于 Windows 提供 x86 和 amd64 (x64) 版本的二进制文件。需要注意的是 ARM 版本的 Windows 目前尚不支持。
- Linux:预编译的 ia32(i686) 和 x64(amd64) 版本 Electron 二进制文件都是在 Ubuntu 12.04 下编译的,arm 版的二进制文件是在 ARM v7(硬浮点 ABI 与 Debian Wheezy 版本的 NEON)下完成的。预编译二进制文件是否能够运行,取决于其中是否包括了编译平台链接的库,所以只有 Ubuntu 12.04 可以保证正常工作,但是 Ubuntu 12.04+ 、Fedora 21、Debian 8 等平台也被证实可以运行 Electron 的预编译版。
Electron的优缺点
Electron 的优点如下所示:
- 部署升级方便,用户可以通过浏览器就可以访问。
- HTML/JS/CSS 编写,方便且高效。
- 可支持 Windows、Linux 、Mac系统。
Electron 的缺点如下所示:
- 对于开发者而言:浏览器适配比较繁琐。有些应用必须指定浏览器版本(比如 OCX 必须是 IE 内核, H5 必须是较高版本),必须打开浏览器,输入一长串 URL 地址。
- 对于用户:传统行业中部分用户对 web 应用不习惯,尤其是使用专业工具软件,大多数会觉得 web 应用没有桌面应用用起来踏实。
基于Electron实现的软件
Electron 现已被多个开源应用软件所使用,其中被广大程序员所熟知和使用的 Atom 、支付宝小程序 IDE、 Visual Studio Code 编辑器就是基于 Electron 实现的。
我们打开 Visual Studio Code 编辑器,找到菜单中的 “帮助 --> 切换开发人员工具”,如下图:
然后就可以在界面上看到我们熟悉的 Chrome devtool,如下图所示:
声明:本站部分内容及图片来自互联网,转载是出于传递更多信息之目的,内容观点仅代表作者本人,如有任何标注错误或版权侵犯请与我们联系(Email:2595517585@qq.com),我们将及时更正、删除,谢谢。