使用Django+Vue+Docker怎么搭建一个接口测试平台

本篇文章为大家展示了使用Django+Vue+Docker怎么搭建一个接口测试平台，内容简明扼要并且容易理解，绝对能使你眼前一亮，通过这篇文章的详细介绍希望你能有所收获。

清理或卸载旧版本：

sudo yum remove docker \                  docker-client \                  docker-client-latest \                  docker-common \                  docker-latest \                  docker-latest-logrotate \                  docker-logrotate \                  docker-engine

更新yum库

sudo yum install -y yum-utilssudo yum-config-manager \    --add-repo \    https://download.docker.com/linux/Centos/docker-ce.repo

安装最新版本

sudo yum install docker-ce docker-ce-cli containerd.io

启动Docker服务

sudo systemctl start docker

下载docker compose安装包

采用curl安装的方式比直接用pip安装好处是不怕缺少某些依赖

sudo curl -L "Https://GitHub.com/docker/compose/releases/download/1.28.6/docker-compose-$(uname -s)-$(uname -m)" -o /usr/local/bin/docker-compose

修改docker compose的权限

sudo chmod +x /usr/local/bin/docker-compose

2.2 Dockerfile定制python容器

首先把需要部署的djanGo项目代码放到特定目录下（这里是/data/test_object）

把django项目依赖包文件requirements.txt也放在该目录下

创建Dockerfile文件：vim Dockerfile

Dockerfile内容：（注意：注释别跟在语句后面，有些语句执行时会因此出现问题）：

# 基础镜像FROM Python:3.6.8# 把输出及时重定向到文件，替代python -uENV PYTHONUNBUFFERED 1# 创建目录并切换工作目录RUN mkdir /code && mkdir /code/dbWORKDIR /code# 添加文件ADD ./requirements.txt /code/# 执行命令RUN pip install -r requirements.txt# 添加文件ADD . /code/

2.3 编写Docker Compose容器编

排同样的目录，创建docker-compose.yml文件：vim docker-compose.yml，内容（编排Python容器和Mysql容器）

# docker compose版本version: "3.9"# 服务信息services:  # Mysql容器，名字自定义  db:    image: mysql:5.7    expose:      - "3306"    volumes:      - ./db:/var/lib/mysql    #设置数据库表的数据集    command: [      '--character-set-server=utf8',      '--collation-server=utf8_unicode_ci'      ]    environment:      - MYSQL_DATABASE=xxxx      - MYSQL_ROOT_PASSWord=yyyy    restart: always  # django服务  WEB:    # 基于本路径的Dockerfile创建python容器    build: .    command: bash -c "python ./test_plat_fORM/manage.py migrate && python ./test_plat_form/manage.py runserver 0.0.0.0:8000"    volumes:      - .:/code    ports:      - "8000:8000"    expose:      - "8000"    # 当前服务所依赖的服务，会先启动依赖服务再启动当前服务    depends_on:      - db    # 容器ip是可变的，替代配置文件中mysql的HOST的值；名字和上面的mysql容器服务的名字一致    links:      - db    volumes:      - ./files/suites:/code/test_plat_form/suites      - ./files/debugs:/code/test_plat_form/debugs      - ./files/reoprts:/code/test_plat_form/reports      - ./files/run_log:/code/test_plat_form/run_log

修改django项目setting.py文件中的mysql的host，改成上面web节点中links的值

DATABASES = {    'default': {        'ENGINE': 'django.db.backends.mysql',        'NAME': 'xxxx',        'USER': 'root',        'PASSWORD': 'yyyy',        'HOST': 'db',  # 这里进行修改        'PORT': 3306    }}

执行命令

所在路径：和Dockerfile等文件同个路径下
构建容器：docker-compose build
运行容器：docker-compose up 或者 后台运行容器：docker-compose up -d

2.4 Vue项目的搭建

vue使用传统的搭建方式即可:

服务器配置node npm环境

安装全局pm2

修改项目中api的host为服务器的ip或域名

打包vue项目：npm run build编写个app.js启动脚本，主要目的是是读取dist目录下的单页面文件(index.js)，监听8080端口

const fs = require('fs');const path = require('path');const express = require('express');const app = express();app.use(express.static(path.resolve(__dirname, './dist')))//读取目录下的单页面文件(index.js)，监听8080端口。app.get('*', function(req, res) {    const html = fs.readFileSync(path.resolve(__dirname, './dist/index.html'), 'utf-8')    res.send(html)})app.listen(8080);

把打包好的dist目录、app.js、package.JSON复制到项目目录下

进入项目目录，安装依赖：npm install

启动服务：pm2 start app.js5、最终效果

运行容器日志：

上述内容就是使用Django+Vue+Docker怎么搭建一个接口测试平台，你们学到知识或技能了吗？如果还想学到更多技能或者丰富自己的知识储备，欢迎关注编程网精选频道。