一路开发下来，感慨很多，作为公司第一个Electron应用，不管是在开发上，打包上，或者说在部署上，都遇到了一些挑战，在网上也没有比较详细的文档，外面做的好的也不会把详细方案分享出来……

不得不承认，这是属于 Web 的时代，用户通过使用浏览器就可以满足大部分的诉求，例如看新闻、上网课、购物甚至是玩游戏，那前端还有必要学习开发桌面应用吗？

万丈高楼平地起，功能再强大、逻辑再复杂的应用，也是从零搭建出来的，本文就为大家讲解如何从头开始打造一款 Electron 企业级跨平台桌面应用。

在上一讲当中，详细介绍了项目搭建、基础打包、自定义协议、单实例运行和 scheme 唤起等知识点，并开发了「桌面掘金」套壳应用。 但企业级桌面应用不会这么简单，这一讲会重点介绍如何集成 Node.js

本节主要知识点是 Electron 中的 webview 标签，学完之后，会带领大家用 Vue + Electron 实现一个简单浏览器。

Electron 提供的 webRequest API，允许开发者对网络进行过滤和监听，并且可以修改 header 字段甚至请求地址，功能非常强大。

在 Electron 桌面应用中，有四类原生菜单： 窗口菜单、上下文菜单、托盘菜单和 Dock 菜单（Mac 平台特有） 接下来以 macOS 系统为例，描述四类原生菜单的使用场景。

Electron 中的 protocol 模块提供了两大类与协议相关的方法： 协议拦截和协议注册，关于这些 API，很多初学者不知所云，其实是 Electron 的函数名起的不好，新手容易被误导。

Electron 应用中的前端代码最终会打包成 asar 文件，那什么是 asar 文件呢？我们先来看一下 asar 的定义： asar 是一种文件归档方式，类似于 tar 包，把多个目录和文件放一起