如何将Electron登录注册应用源码打包成安装文件？

本文共计1993个文字，预计阅读时间需要8分钟。

1. 效果展示：

2.前言：

在当前流量几近被瓜分的背景下，若说Web应用是从别人那里抢流量，那桌面应用和手机应用便是留存的流量。Web应用直接暴露在搜索引擎下，因此可以通过网络直接获取流量。

1.效果展示：

2. 前言：

在当下流量几乎被瓜分的背景下，如果说Web应用是从别人那里抢流量，那桌面应用和手机应用就是留住抢来的流量。Web应用暴露在搜索引擎下，所以可以通过网络营销链接方便快速的引流web产品上。

但是桌面和手机应用是封闭式的，这样就又可以从自己Web产品上导流，通过独到好处的功能增加用户粘性。那么自己的一套简单的互联网生态圈就可以定型了，后期再开放商户端口进行商业化运营。所以有了Web和App或小程序外，桌面应用也很有必要。

3. Electron介绍：

Electron是一个能让你使用传统前端技术（Nodejs, Javascript, HTML, CSS）开发一个跨平台桌面应用的框架。这里所说的桌面应用指的是在Windows、OSX及Linux系统上运行的程序。

4. 环境要求：

(1). Node.js
(2). Cnpm
(3). Electron
(4). Visual Studio
(5). electron-packager 打包工具

5. 编码：

Electron的环境搭建网上也有很多，一下仅以开发案例说明网络请求，主进程，渲染进程，窗口交互，应用的调试与打包等等。