详解Django+Vue+Docker搭建接口测试平台实战

一. 开头说两句

正好接口自动化测试平台需要迁移到新的测试服务器上，就想要体验一番Docker的“一次构建，处处运行”。这篇文章简单介绍了下这次部署的过程，其中使用了Dockerfile定制镜像和Docker-Compose多容器编排。

二. 项目介绍

项目采用的是前后端分离技术来实现的，前端是Vue+ElementUI，后端是Django+DRF，数据库是MySQL，当前部署版本没有其他中间件。

2.1 安装docker和docker-compose

下述所有操作，皆在Centos 7环境下进行

1.清理或卸载旧版本：

1 2 3 4 5 6 7 8

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

2.更新yum库

1 2 3 4

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

3.安装最新版本

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

4.启动Docker服务

1	sudo systemctl start docker

5.下载docker compose安装包

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

1	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

6.修改docker compose的权限

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

2.2 Dockerfile定制python容器

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

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

创建Dockerfile文件：vim Dockerfile

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

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18

# 基础镜像 FROM python:3.6.8 # 把输出及时重定向到文件，替代python -u ENV PYTHONUNBUFFERED 1 # 创建目录并切换工作目录 RUN mkdir /code && mkdir /code/db WORKDIR /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容器）

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46

# 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的值

1 2 3 4 5 6 7 8 9 10

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端口

1 2 3 4 5 6 7 8 9 10 11 12 13

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、最终效果

运行容器日志：

浏览器访问http://ip:8080并登录：

三、总结

这个项目组成目前还比较简单，只用了2个容器进行编排。但是以此为例，在搭建更多容器时，我们首先根据项目组成定制不同的容器，然后规划好容器之间的是组织关系和依赖关系，相信也是能顺利搭建起来的。

​现在我也找了很多测试的朋友，做了一个分享技术的交流群，共享了很多我们收集的技术文档和视频教程。
如果你不想再体验自学时找不到资源，没人解答问题，坚持几天便放弃的感受
可以加入我们一起交流。而且还有很多在自动化，性能，安全，测试开发等等方面有一定建树的技术大牛
分享他们的经验，还会分享很多直播讲座和技术沙龙
可以免费学习！划重点！开源的！！！
qq群号：485187702【暗号：csdn11】

最后感谢每一个认真阅读我文章的人，看着粉丝一路的上涨和关注，礼尚往来总是要有的，虽然不是什么很值钱的东西，如果你用得到的话可以直接拿走！ 希望能帮助到你！【100%无套路免费领取】