广告位联系
返回顶部
分享到

Django+Vue+Docker搭建接口测试平台

FTP服务器 来源:转载 作者:秩名 发布时间:2021-06-06 18:33:34 人浏览
摘要

大家好,我叫林宗霖,是一位测试工程师,也是全栈测开训练营中的一名学员。 在跟着训练营学习完Docker容器技术系列的课程后,理所应当需要通过实操来进行熟悉巩固。正好接口自动化测试平台需要迁移到新的测试服务器上,就想要体验一番Docker的一次构建,处处

大家好,我叫林宗霖,是一位测试工程师,也是全栈测开训练营中的一名学员。

在跟着训练营学习完Docker容器技术系列的课程后,理所应当需要通过实操来进行熟悉巩固。正好接口自动化测试平台需要迁移到新的测试服务器上,就想要体验一番Docker的“一次构建,处处运行”。这篇文章简单介绍了下这次部署的过程,其中使用了Dockerfile定制镜像和Docker-Compose多容器编排。

二. 项目介绍

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

2.1 安装docker和docker-compose

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

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

运行容器日志:

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

三、总结

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


版权声明 : 本文内容来源于互联网或用户自行发布贡献,该文观点仅代表原作者本人。本站仅提供信息存储空间服务和不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权, 违法违规的内容, 请发送邮件至2530232025#qq.cn(#换@)举报,一经查实,本站将立刻删除。
原文链接 : https://www.cnblogs.com/jinjiangongzuoshi/p/14711858.html
相关文章
  • 宝塔使用FTP无法连接的问题解决方式

    宝塔使用FTP无法连接的问题解决方式
    我们在使用宝塔FTP面板的时候,会用到FTP工具,但是开的账号在使用 FTP或WinSCP的时候会出现问题,连接不上。 具体解决方式: 第一步:进
  • Windows10搭建FTP服务器的教程

    Windows10搭建FTP服务器的教程
    1 为windows开启ftp功能:控制面板程序和功能打开或关闭Windows功能 选中FTP所有功能 选中结果如下图 2 点击计算机右键管理服务和应用程序,
  • Windows server FTP服务部署教程

    Windows server FTP服务部署教程
    ftp服务部署: 先建立文件: 服务器管理器 添加ftp发布服务: 设置及启动ftp站点: 设置虚拟机和物理机连接: 查看一下虚拟机的Ip地址 先
  • IIS搭建ftp服务器的教程

    IIS搭建ftp服务器的教程
    IIS是Internet Information Services的缩写,意为互联网信息服务,是由微软公司提供的基于运行Microsoft Windows的互联网基本服务。最初是Windows NT版本
  • Windows server 2012下FTP服务搭建图文教程

    Windows server 2012下FTP服务搭建图文教程
    1、进入Windows server 2012系统,打开服务器管理器,选择添加角色和功能 2、选择安装类型及服务器选择 3、找到Web服务器(IIS)并选择,添加
  • Windows Server2012 R2 FTP服务器配置图文教程

    Windows Server2012 R2 FTP服务器配置图文教程
    1.打开windows server2012R2 服务器管理器界面添加角色和功能 2.在添加角色和功能向导里,选择从服务器池中选择服务器 3选择Web 服务器(IIS)安
  • Windows Server 2012搭建FTP站点教程(阿里云)

    Windows Server 2012搭建FTP站点教程(阿里云)
    服务商:阿里云 系统: WindowsServer2012 一、配置FTP服务器 1.进入操作系统,直接从启动栏打开服务器管理器,选择添加功能和角色 2.选择服务
  • Windows Server 2012下FTP服务器站点搭建程序

    Windows Server 2012下FTP服务器站点搭建程序
    第一步:添加IIS服务以及FTP服务角色 1:打开服务器管理,点击管理添加角色和功能下一步 点击下一步 2:勾选Web服务器(IIS)在弹出框中点
  • windows server 2016 搭建FTP服务器教程
    FTP(FileTransferProtocol)文件传输协议,用于Internet上的控制文件的双向传输。同时,它也是一个应用程序。基于不同的操作系统有不同的FTP应
  • centos下docker安装及springboot远程发布docker的方法

    centos下docker安装及springboot远程发布docker的方法
    1.CentOS7.0下JDK1.8的安装 (1)到Oracle官网下载好 jdk-8u291-linux-i586.tar.gz备用 (2)卸载系统自带的java 1 2 3 java -version rpm -qa | grep java yum -y remov
  • 本站所有内容来源于互联网或用户自行发布,本站仅提供信息存储空间服务,不拥有版权,不承担法律责任。如有侵犯您的权益,请您联系站长处理!
  • Copyright © 2017-2022 F11.CN All Rights Reserved. F11站长开发者网 版权所有 | 苏ICP备2022031554号-1 | 51LA统计