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

发布时间:2021-04-29 15:55:58 作者:Leah
来源:亿速云 阅读:162

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

1.清理或卸载旧版本:

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

2.更新yum库

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

3.安装最新版本

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

4.启动Docker服务

sudo systemctl start docker

5.下载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

6.修改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 -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容器)

# 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怎么搭建一个接口测试平台

上述内容就是使用Django+Vue+Docker怎么搭建一个接口测试平台,你们学到知识或技能了吗?如果还想学到更多技能或者丰富自己的知识储备,欢迎关注亿速云行业资讯频道。

推荐阅读:
  1. 搭建集群平台
  2. LEMP平台如何搭建

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

django vue docker

上一篇:怎么在Python中拼接图像

下一篇:node.js不适合大型项目的原因是什么

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》