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