Windows10系统安装rap2接口管理系统

分手后的思念是犯贱 2022-02-23 16:52 395阅读 0赞

Rap2是阿里妈妈前端团队出品的开源接口管理工具

线上使用地址: [http://rap2.taobao.org][http_rap2.taobao.org]

搭建RAP2环境所需：（redis貌似不是很需要，看个人需求）

版本要求: Node.js 8.9.4+,Mysql5.7+,Redis4.0+,git

git下载地址：https://git-scm.com/downloads

mysql windows安装版下载地址：https://dev.mysql.com/downloads/installer/

Redis windows安装版下载地址：https://github.com/MicrosoftArchive/redis/releases

node下载地址：http://nodejs.cn/download/

服务端delos源码：git clone https://github.com/thx/rap2-delos.git

客户端dolores源码：git clone https://github.com/thx/rap2-dolores.git

**配置node环境:**

安装下载好的node-v10.15.3-x64.msi文件

在nodejs文件目录下，新建文件夹node\_cache和node\_global.

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3lhbmdjaHVhbl9jc2RuOTE_size_16_color_FFFFFF_t_70][]

配置环境变量, 打开电脑的控制面板=>系统和安全=>系统=>高级系统设置=>环境变量，在Path下新建系统变量`NODE_PATH``变量值根据自己的路径填写`

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3lhbmdjaHVhbl9jc2RuOTE_size_16_color_FFFFFF_t_70 1][]

之后在用户变量PathPath下编辑,在最前面添加%NODE\_PATH% 如图

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3lhbmdjaHVhbl9jc2RuOTE_size_16_color_FFFFFF_t_70 2][]

接下来在命令提示符里(win+R)输入 node -v 和npm -v ,如图所示，表示安装完成

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3lhbmdjaHVhbl9jc2RuOTE_size_16_color_FFFFFF_t_70 3][]

设置全局路径

使用管理员身份运行dos命令

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3lhbmdjaHVhbl9jc2RuOTE_size_16_color_FFFFFF_t_70 4][]

在cmd中输入: (根据自己文件安装的位置输入对应路径)

npm  config  set  prefix  “C:\\Program Files\\nodejs\\node\_global”

npm  config  set  cache  “C:\\Program Files\\nodejs\\node\_cache”

安装模块：

npm   install  express -g

npm   install  -g  express-generator

|常见问题：express不是内部或外部命令，也不是可运行的程序,或批处理文件。

|解决方案：查看自己环境变量的路径，在Path环境变量上添加expresse.cmd和express

文件所在的路径(注意修改完路径后，重新打开cmd，测试)

测试node环境

创建一个工程(注意使用管理员权限运行cmd)

运行命令: express helloworld

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3lhbmdjaHVhbl9jc2RuOTE_size_16_color_FFFFFF_t_70 5][]

装载node包管理器

npm install

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3lhbmdjaHVhbl9jc2RuOTE_size_16_color_FFFFFF_t_70 6][]

输入启动命令，然后新创建的helloworld就在端口3000上运行了

npm  start

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3lhbmdjaHVhbl9jc2RuOTE_size_16_color_FFFFFF_t_70 7][]

访问本机地址: http://localhost:3000/

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3lhbmdjaHVhbl9jc2RuOTE_size_16_color_FFFFFF_t_70 8][]

如图所示，表示成功用node建立了一个web网站.

配置git、Mysql与Redis相对简单，mysql、git安装包直接安装，Redis解压压缩包即可，

不做过多描述

**配置rap2**

鼠标右键Git Bash Here

使用命令:

git clone [https://github.com/thx/rap2-delos.git][https_github.com_thx_rap2-delos.git]

git clone [https://github.com/thx/rap2-dolores.git][https_github.com_thx_rap2-dolores.git]

rap2-delos对应服务端源码

rapr2-dolores 对应客户端源码

配置rap2服务端

在 rap2-delos/src/config目录下修改配置config.dev.ts  config.local.ts  config.prod.ts

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3lhbmdjaHVhbl9jc2RuOTE_size_16_color_FFFFFF_t_70 9][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3lhbmdjaHVhbl9jc2RuOTE_size_16_color_FFFFFF_t_70 10][]

这里主要是配置mysql与启动的端口，

配置好以后可以使用mysql命令创建对应的数据库

或者使用mysql客户端新建，这里我用的是Navicat for MySQL,，需要注意的是配置的时候

最好指定格式为utf8 -- UTF-8 Unicode

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3lhbmdjaHVhbl9jc2RuOTE_size_16_color_FFFFFF_t_70 11][]

命令创建方式：

通过 mysql -u root -p 进入mysql命令页面创建数据库

CREATE DATABASE IF NOT EXISTS “配置文件中的数据库名” DEFAULT CHARSET utf8 COLLATE utf8\_general\_ci;

修改rap2-delos 根目录下tsconfig.json文件

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3lhbmdjaHVhbl9jc2RuOTE_size_16_color_FFFFFF_t_70 12][]

将noImplicitAny设置为 false,

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3lhbmdjaHVhbl9jc2RuOTE_size_16_color_FFFFFF_t_70 13][]

配置好以后，使用管理员权限运行cmd

命令:

安装项目依赖文件

npm  install

全局安装pm2

npm  install  -g   pm2

全局安装TypeScript编译包

npm  install  -g   typescript

编译生效代码

npm  run  build

初始化数据库

npm  run  create-db

启动开发模式

npm  run  dev

如图所示，表示启动成功

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3lhbmdjaHVhbl9jc2RuOTE_size_16_color_FFFFFF_t_70 14][]

访问http://localhost:8081/

![20190417152534766.png][]

配置rap2客户端

进入rap2-dolores\\src\\config目录下修改config.dev.js、config.prod.js配置文件

![20190417152534768.png][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3lhbmdjaHVhbl9jc2RuOTE_size_16_color_FFFFFF_t_70 15][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3lhbmdjaHVhbl9jc2RuOTE_size_16_color_FFFFFF_t_70 16][]

主要是修改server地址，一个指向服务端地址，一个是客户端访问地址

使用管理员权限开启cmd进入到rap2-dolores根目录下

命令：

安装项目依赖文件

npm  install

编译生效代码

npm  run  build

安装serve

npm  install  serve

用serve命令路由到编译产出build文件夹作为静态服务器即可

Serve  -s  ./build  -p  80 (端口号自己设定，只要未被占用即可)

如图所示表示成功

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3lhbmdjaHVhbl9jc2RuOTE_size_16_color_FFFFFF_t_70 17][]

访问浏览器：[http://localhost/][http_localhost]，出现如下界面表示配置成功

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3lhbmdjaHVhbl9jc2RuOTE_size_16_color_FFFFFF_t_70 18][]

注册账号登陆使用即可

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3lhbmdjaHVhbl9jc2RuOTE_size_16_color_FFFFFF_t_70 19][]

[http_rap2.taobao.org]: http://rap2.taobao.org/
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3lhbmdjaHVhbl9jc2RuOTE_size_16_color_FFFFFF_t_70]: /images/20220223/3e388f6e4b604c638d5cb3060721449e.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3lhbmdjaHVhbl9jc2RuOTE_size_16_color_FFFFFF_t_70 1]: /images/20220223/d24dd70288544a0aa9d9b818ca6c131a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3lhbmdjaHVhbl9jc2RuOTE_size_16_color_FFFFFF_t_70 2]: /images/20220223/94e42a4400bd491f98ad306857721580.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3lhbmdjaHVhbl9jc2RuOTE_size_16_color_FFFFFF_t_70 3]: /images/20220223/c5066d3066cd4e21b0b966497929f52a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3lhbmdjaHVhbl9jc2RuOTE_size_16_color_FFFFFF_t_70 4]: /images/20220223/3eded30bb3c14e6b90c081af776add81.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3lhbmdjaHVhbl9jc2RuOTE_size_16_color_FFFFFF_t_70 5]: /images/20220223/527b881cc12846d7935ba8b6faedea03.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3lhbmdjaHVhbl9jc2RuOTE_size_16_color_FFFFFF_t_70 6]: /images/20220223/27af182a7ffa4697a066b6e7f3d7c1b3.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3lhbmdjaHVhbl9jc2RuOTE_size_16_color_FFFFFF_t_70 7]: /images/20220223/027c49bc9bb244799bb57874850e7ee4.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3lhbmdjaHVhbl9jc2RuOTE_size_16_color_FFFFFF_t_70 8]: /images/20220223/b8569079408b463da188979791c4d19a.png
[https_github.com_thx_rap2-delos.git]: https://github.com/thx/rap2-delos.git
[https_github.com_thx_rap2-dolores.git]: https://github.com/thx/rap2-dolores.git
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3lhbmdjaHVhbl9jc2RuOTE_size_16_color_FFFFFF_t_70 9]: /images/20220223/4def8151d977446b9211653413a9faee.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3lhbmdjaHVhbl9jc2RuOTE_size_16_color_FFFFFF_t_70 10]: /images/20220223/af6728c633cc436cbf5e19ebd7cd3dfe.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3lhbmdjaHVhbl9jc2RuOTE_size_16_color_FFFFFF_t_70 11]: /images/20220223/cf298c8082f14920b2bce2241d13738f.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3lhbmdjaHVhbl9jc2RuOTE_size_16_color_FFFFFF_t_70 12]: /images/20220223/f72e790794e4411d883d272d16b6164b.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3lhbmdjaHVhbl9jc2RuOTE_size_16_color_FFFFFF_t_70 13]: /images/20220223/5b60a54b3b2c4e0e9f7142bea970833f.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3lhbmdjaHVhbl9jc2RuOTE_size_16_color_FFFFFF_t_70 14]: /images/20220223/a85c345c36bc4354b604eb13724279f6.png
[20190417152534766.png]: /images/20220223/e65c54b8f9724f5d8d321f9aad8c22e7.png
[20190417152534768.png]: /images/20220223/2a61d5f18bab4df28dc6d27d49da7d6a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3lhbmdjaHVhbl9jc2RuOTE_size_16_color_FFFFFF_t_70 15]: /images/20220223/b7dc1a8ea27a4cbcbcfb4564b1917cf8.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3lhbmdjaHVhbl9jc2RuOTE_size_16_color_FFFFFF_t_70 16]: /images/20220223/6e864be0ab8f44bb9b7bf1b78e831d17.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3lhbmdjaHVhbl9jc2RuOTE_size_16_color_FFFFFF_t_70 17]: /images/20220223/1ee6bb7a45f447b1b68f866c200c9357.png
[http_localhost]: http://localhost/
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3lhbmdjaHVhbl9jc2RuOTE_size_16_color_FFFFFF_t_70 18]: /images/20220223/c8337195989348249a689164e80e8277.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3lhbmdjaHVhbl9jc2RuOTE_size_16_color_FFFFFF_t_70 19]: /images/20220223/f1a416ce1ec34a949e5cb9922f826727.png