Electron 教程

Electron 是是 GitHub 开发的一个开源框架。它允许使用 Node.js（作为后端）和 Chromium（作为前端）完成桌面 GUI 应用程序的开发。

Electron 可以用于构建具有 html、css、JAVAScript 的跨平台桌面应用程序，它通过将 Chromium 和 node.js 合同一个运行的环境中来实现这一点，应用程序可以打包到 mac、windows 和 linux 系统上。

1.Electron 发展历程

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

2. Electron 支持平台

目前支持 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 的预编译版。

3. Electron 优缺点

Electron 的优点如下所示：

  • 部署升级方便，用户可以通过浏览器就可以访问。
  • HTML/JS/CSS 编写，方便且高效。
  • 可支持 Windows、Linux 、Mac系统。

Electron 的缺点如下所示：

  • 对于开发者而言：浏览器适配比较繁琐。有些应用必须指定浏览器版本（比如 OCX 必须是 IE 内核， H5 必须是较高版本），必须打开浏览器，输入一长串 URL 地址。
  • 对于用户：传统行业中部分用户对 web 应用不习惯，尤其是使用专业工具软件，大多数会觉得 web 应用没有桌面应用用起来踏实。

4. 基于Electron实现的软件

Electron 现已被多个开源应用软件所使用，其中被广大程序员所熟知和使用的 Atom 、支付宝小程序 IDE、 Visual Studio Code 编辑器就是基于 Electron 实现的。

Electron 快速入门：Electron 可以让你使用纯 JavaScript 调用丰富的原生 APIs 来创造桌面应用。你可以把它看作是专注于桌面应用而不是 web 服务器的，io.js 的一个变体。这不意味着 Electron 是绑 ...