本教程我们来学习 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
,如下图所示:
网友评论