TeserHome地址：https://testerhome.com/opensource_projects/60
前端：https://github.com/pencil1/ApiTestWeb 实现技术：js + vue + element-ui
后端：https://github.com/pencil1/ApiTestManage 实现技术：python + flask + httprunner
windows版
准备工作：
1、python3环境
2、把项目下载并解压到一个文件夹
后台配置
1、安装虚拟环境：pip install virtualenv
创建虚拟环境：virtualenv test（test为虚拟机名）
2、激活虚拟环境：到虚拟环境下执行activate.bat文件
3、项目根目录下pip install -r requirements.txt
4、第一次使用，首先要设置flask的app：
windows：set FLASK_APP=manage.py
linux：export FLASK_APP=manage.py
5、然后创建管理员账号（账号：admin，密码：123456）：flask initdata
6、启动：python manage.py
前端配置
1、安装 node 版本8以上即可，官网下载msi文件https://nodejs.org/en/download/，直接无脑下一步安装; 确保 node -V
检查npm是否默认带了的：npm -V
2、安装 yarn 工具包：python npm install -g yarn 不行就试试 npm install -g yarn
3、安装依赖：yarn install
4、启动（项目根目录下）：yarn serve
登录（admin、123456）：
linux版：
安装虚拟环境，参考我的另一篇：https://www.cnblogs.com/zhongyehai/p/11037363.html
后台：
上传解压，并进入ApiTestManage-master目录
安装依赖包（这台机器已升级pip3），在解压出来的ApiTestManage-master目录下：pip3 install -r requirements.txt
安装完成（安装需要一些时间）
第一次使用：
首先要设置flask的app：export FLASK_APP=manage.py
然后创建管理员账号（账号：admin，密码：123456）：flask initdata
由于这里有报错的坑，而暂时没有解决，所以直接拿在windows上部署的数据过来替换
把启动的端口和ip改一下：host='0.0.0.0', port=8080
启动并访问
这样后端的环境问题就算解决了，先停掉，解决前端的环境
前端：
去node官网下载node（版本不要太低）：https://nodejs.org/zh-cn/download/
解压
创建软连接
到前端的目录下安装yarn工具包：npm install -g yarn
为保险起见，给yarn创建一个软连接
安装依赖包: yarn install
配置文件：vue.config.js
devServer: {
host: '127.0.0.1',
port: 8023, # 前端的端口
proxy: {
'/api/': {
target: 'http://x.x.x.x:8024', # 后端的ip和端口
changeOrigin: true,
}
},
}
需要注意的有2个点：
host访问前端的地址
target地址，当跨域调用api时的地址，该地址需要与nginx里面的proxy_pass和后台启动地址一致
# 手动执行启动命令：yarn serve
执行打包命令：yarn build
生成dist文件，将该文件存放于服务器的某个路径，该路径需要和nginx.conf里面的root一致
后台服务启动：gunicorn -c gunicorn_config.py manage:app
gunicorn_config.py里面的关键参数说明：bind = 'x.x.x.x:8080'（启动服务的地址，注意：nginx里面的proxy_pass 需要与这个一致）
还是会报错，这里采用nohup的形式启动：nohup python3 manage.py
配置Nginx，安装好Nginx后。nginx.conf
#include /etc/nginx/conf.d/*.conf;
server {
listen 8023; 前端的端口
server_name test-platform;
charset utf-8;
client_max_body_size 75M;
location / {
root /test/test-platform/ApiTestWeb-master/dist;
index index.html;
location /api{
proxy_pass http://x.x.x.x:8024; # 后端地址和端口
}
location /reports/{
alias /home/reports/;
}
}
}
}
启动Nginx
访问：
