开篇词：“桌面应用”是一顶璀璨的王冠

你们好，我是李宁，网名“银河使者”，IT 图书做者（表明做《Python 从菜鸟到高手》，欧瑞科技创始人，领导和参与了欧瑞科技公众号，小程序（极客题库）的开发。如今正带领团队研发高效全平台开发工具 OriUnity，主要使用的技术包括 Electron 和 Go 语言。

课程背景

可能有不少读者会有这样的疑问：为何用 JavaScript 来开发桌面应用？

曾经的 JavaScript 脆弱、简陋、甚至有被边缘化的危险，不过 JavaScript 在通过了两次飞跃后（以 V8 为首的 JavaScript 引擎和 Node.js 的问世），再也不受人欺负，早已升级为绿博士（复仇者联盟 4 中班纳博士和绿巨人的合体，强大而充满智慧）。 V8 引擎让 JavaScript 的运行速度飞快，Node.js 让 JavaScript 不只仅能作 Web 前端页面，还能开发后端应用。

尽管有了 Node.js，JavaScript 能够开发服务端应用，但有一类重要的应用它仍是没法胜任——桌面应用。目前 Web 应用和移动应用看似成为主流，但若是没有桌面应用，Web 应用和移动应用甚至都不会存在。全部的 Web 浏览器（IE、Chrome、Firefox、Safari 等）都是桌面应用，若是没有桌面应用，Web 页面根本没地方运行；用于开发移动应用的开发工具（IDE）也是桌面应用。并且 Windows 的开始菜单和 Mac OS X 的 Docker 中的每个图标都对应一个桌面应用，能够说，桌面应用无处不在。

若是将 Web 应用和移动应用比做国王，那么桌面应用就是国王头上的那顶王冠，没有了王冠，国王什么都不是，而赐予 JavaScript 制做王冠之神力的正是 Electron。这是一个基于 V8 引擎和 Node.js 的开发框架，容许用 JavaScript 开发跨平台（Windows、Mac OS X 和 Linux）桌面应用。

有哪些著名应用使用 Electron 开发的

目前有至关多的桌面应用是使用 Electron 开发的，例如，著名的 Visual Studio Code（微软推出的一个跨平台源代码编辑器）就是用 Electron 开发的；还有蚂蚁小程序（在支付宝中运行的小程序）的开发工具也是用 Electron 来开发的；以小米、华为为主的众多手机厂商推出的快应用（相似于微信小程序）的 IDE 也是用 Electron 开发的。

蚂蚁小程序 IDE：

此外，你们熟悉的 Slack、Atom、XMind ZEN、WebTorrent、Hyper 等都是基于 Electron 的应用。

从 Electron 的主要用户来看，不少都是大厂，如蚂蚁金服、小米、华为、GitHub（Electron 就是 GitHub 推出的）、微软等，因为如今 GitHub 被微软收购了，于是目前 Electron 的后台是微软。所以学习 Electron 不用担忧之后没市场，毕竟，各大厂都在用 Electron。

可能有不少读者之前开发过桌面应用，认为桌面应用也有缺点。好比，桌面应用很难作到实时更新，维护相对于 Web 应用费时费力，不过这个缺点是针对传统桌面应用的，而基于 Electron 的应用没有这个缺点。

Electron 之因此这么多人用，并不只仅是由于它基于 Web 技术，并且它还能调用不少本地 API，在实现不少功能时与本地应用很是接近。

学习 Electron，成为更优秀的开发者

做为一名开发者，学会开发桌面应用，会很是显著地提高本身的核心竞争力，并且 Electron 开发桌面应用使用的是 Web 技术，能够考虑将 Web 应用与桌面应用做为一个应用来开发，这样会大大提高开发效率。

本课程笔者团队也正在使用 Electron 开发一款跨平台的开发工具 OriUnity，可使用 JavaScript 同时开发桌面应用、Web 应用、移动 App 和小程序，并且能够将客户端与服务端融为一体。

这个项目具备大量的创新技术点，以及大量的发明专利，包括改进的加强版 JavaScript，JS 与 SQL 融合、客户端和服务端一体化、虚拟组件、异构组件嫁接等，经过这些创新的技术，能够将开发效率提升 10 倍以上。

在开发产品的过程当中，咱们也积累了不少 Electron 的实践经验。所以正好借着达人课的机会，将 Electron 的一些开发经验总结出来，但愿对想入门 Electron 的读者有必定的借鉴做用。

课程结构

Electron 功能众多，但这些功能基本上可分为基础知识（开发环境安装、开发步骤、IDE 的选择等）、窗口、菜单、高级 API（数据库、托盘、摄像头、拖拽、剪贴板等）以及发布应用程序，本课程将会结合这些知识点详细讲解如何用 Electron 开发桌面应用。

课程目的是培养你们解决实际问题的能力，每一课的知识点既相互独立、又有联系，好比，在建立托盘时须要用到上下文菜单的知识。大多数文章（除了配置开发环境和简介外）都配有完整的实现代码，而且在最后还提供了两个实战案例：基于 Electron 的云笔记和数据库管理系统，把离散的知识点结合起来完成很是复杂的桌面应用项目。

本课程分为七大部分，共 29 篇（含开篇词）。

第一部分（第 01 ~ 04 课）：Electron 基础知识

这部分主要介绍了用 Electron 开发跨平台桌面应用的缘由、桌面应用的优点、Electron 应用的基本开发步骤、如何搭建集成开发环境、用 Git 管理 Electron 应用等内容，这一部分是 Electron 学习的开胃菜，大餐请继续日后看。

第二部分（第 05 ~ 09 课）：用 Electron 建立窗口

这部分详细介绍了用 Electron 建立各类类型窗口的方式，主要内容包括只针对 Mac OS X 系统的文件展现窗口、打开对话框窗口、保存对话框窗口、显示消息对话框窗口、使用 HTML 5 API 建立子窗口、用 open 方法打开的子窗口交互、在窗口中嵌入 Web 页面等。

第三部分（第 10 ~ 12 课）：建立各类类型菜单

菜单是桌面应用程序的重要部分，这一部分详细介绍了在 Electron 中如何建立各类类型的菜单，主要内容包括使用模板建立窗口菜单、如何设置菜单项的角色、菜单项的类型、为菜单添加图标、建立动态菜单、上下文菜单。

第四部分（第 13 ~ 21 课）：经常使用的核心 API

这一部分是本系列课程的核心内容，讲解了 Electron 中经常使用的核心 API，主要包括建立托盘应用、拖拽操做、使用摄像头、根据操做系统定制样式、用纯 JavaScript API 操做 SQLite 数据库、用 Node.js 模块操做 SQLite 数据库、访问 MySQL 数据库、使用剪贴板、注册全局键、测试等。

第五部分（第 22 ~ 23 课）：发布应用程序

因为基于 Electron 的桌面应用须要依赖 Node.js、Electron 以及众多的模块才能运行，这些东西确定不能让用户本身一个个安装，最好的解决方案就是把这些东西与开发的桌面应用一块儿打包，而后将一个安装包发放给用户，用户只须要双击安装包就能够搞定，于是学会发布 Electron 桌面应用很是必要。

所以，这部份内容主要介绍了如何用各类工具发布基于 Electron 的应用，主要包括使用 electron-packager 和 electron-builder 建立安装包及制做安装程序（dmg、exe 等）。

第六部分（第 24 ~ 26 课）：项目实战

这一部分是本系列课程的画龙点睛之笔，须要把前面五部分介绍的知识点链接起来完成复杂的桌面应用，这里提供了两个完整的案例，一个是云笔记系统，该系统能够将本地的笔记保存到服务端，只是这里的服务端是以太坊，而不是传统的数据库；第二个项目是基于 Electron 的 MySQL 数据库管理系统，能够作本地管理 MySQL 数据库，并且还能够将数据上传到以太坊进行备份。

第七部分（第 27 ~ 28 课）：模块分析

这一部分主要介绍了 Node.js 和 Electron 模块的相关知识，包括使用 JavaScript 开发 Node.js 和 Electron 模块以及使用 C++ 开发 Node.js 和 Electron 的本地模块。经过这一部分的内容，可让 C++ 与 Electron 完美融合在一块儿，让 Electron 拥有无限扩展性。

课程寄语

Node.js 和 Electron 堪称 JavaScript 的左右护法，前者让 JavaScript 能够垂手可得地跨越不一样类型应用的界限，后者让 JavaScript 能够进入服务端和桌面应用领域。有了这两个护法，JavaScript 能够真正成为惟一的全栈开发语言，从 Web 到移动，再到服务端，再到桌面应用，甚至是终端程序，无所不能。

本课程并非单纯讲解 Electron 的知识，而是想要教会你们开发 Electron 桌面应用的思想，提升动手能力，从此不管遇到多复杂的桌面应用需求都能驾轻就熟，轻松应对。

最后，预祝你们学习愉快，Good Luck！