python接口自动化测试三十四：github上某接口测试平台及配置

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

访问：