客户端
技术要求
参与客户端开发,可能需要你掌握下面的技术
- nodejs
- vue
- electron
- typescript
- JavaScript (ES6)
- gulp
架构图
简单用文字叙述
客户端分为两个部分,安装器和启动器
下文中启动器的asar包简称为“启动器”
安装器构建出来为二进制程序包,分为windows和macos两种平台
安装器其实是作为了启动器的“运行壳子”,用户在运行安装器之后,安装器会检查在当前用户电脑上是否已经安装过启动器,如果没有,就先检查自己有没有更新,如果有,就自动下载并指导用户替换掉旧版的安装器文件。如果自己为最新,那么就去下载最新版本的启动器,下载完成后,通过重启从而直接运行启动器中的js代码,将程序控制权转交给启动器。
可以看出来,安装器只负责在首次运行的时候检查自身更新和下载最新的启动器,当用户机器上已经安装有启动器的时候(无论安装器自己和当前安装的这个启动器是不是最新的),就直接运行启动器中的代码,将运行权转交。
这么做是为了尽量减少安装器内部的代码逻辑,让大部分代码处于可以通过自动下载asar包并自动执行更新的状态(仅仅几M流量)。在运行权转交给启动器后,检查更新的任务就交给了启动器,安装器不再执行任何代码。
那么如果你需要构建windows包,你需要装有windows的电脑
那么如果你需要构建macos包,你需要装有macos的电脑
开发项目
全局安装下面的依赖,可能需要管理员权限
npm install electron -g npm install typescript -g npm install babili -g npm install gulp -g
然后,从git上clone下安装器和启动器的分支
然后,安装所有依赖
npm install
下面是一些可能用到的指令
自动编译文件
gulp watch
运行项目(调试)
npm run start
构建项目
请使用下面的命令
npm run build