詳解Django+Vue+Docker搭建接口測(cè)試平臺(tái)實(shí)戰(zhàn)
一. 開(kāi)頭說(shuō)兩句
大家好,我叫林宗霖,是一位測(cè)試工程師,也是全棧測(cè)開(kāi)訓(xùn)練營(yíng)中的一名學(xué)員。
在跟著訓(xùn)練營(yíng)學(xué)習(xí)完Docker容器技術(shù)系列的課程后,理所應(yīng)當(dāng)需要通過(guò)實(shí)操來(lái)進(jìn)行熟悉鞏固。正好接口自動(dòng)化測(cè)試平臺(tái)需要遷移到新的測(cè)試服務(wù)器上,就想要體驗(yàn)一番Docker的“一次構(gòu)建,處處運(yùn)行”。這篇文章簡(jiǎn)單介紹了下這次部署的過(guò)程,其中使用了Dockerfile定制鏡像和Docker-Compose多容器編排。
二. 項(xiàng)目介紹
項(xiàng)目采用的是前后端分離技術(shù)來(lái)實(shí)現(xiàn)的,前端是Vue+ElementUI,后端是Django+DRF,數(shù)據(jù)庫(kù)是MySQL,當(dāng)前部署版本沒(méi)有其他中間件。
2.1 安裝docker和docker-compose
下述所有操作,皆在Centos 7環(huán)境下進(jìn)行
1.清理或卸載舊版本:
sudo yum remove docker \
docker-client \
docker-client-latest \
docker-common \
docker-latest \
docker-latest-logrotate \
docker-logrotate \
docker-engine
2.更新yum庫(kù)
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.啟動(dòng)Docker服務(wù)
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的權(quán)限
sudo chmod +x /usr/local/bin/docker-compose
2.2 Dockerfile定制python容器
首先把需要部署的django項(xiàng)目代碼放到特定目錄下(這里是/data/test_object)
把django項(xiàng)目依賴包文件requirements.txt也放在該目錄下
創(chuàng)建Dockerfile文件:vim Dockerfile
Dockerfile內(nèi)容:(注意:注釋別跟在語(yǔ)句后面,有些語(yǔ)句執(zhí)行時(shí)會(huì)因此出現(xiàn)問(wèn)題):
# 基礎(chǔ)鏡像 FROM python:3.6.8 # 把輸出及時(shí)重定向到文件,替代python -u ENV PYTHONUNBUFFERED 1 # 創(chuàng)建目錄并切換工作目錄 RUN mkdir /code && mkdir /code/db WORKDIR /code # 添加文件 ADD ./requirements.txt /code/ # 執(zhí)行命令 RUN pip install -r requirements.txt # 添加文件 ADD . /code/
2.3 編寫(xiě)Docker Compose容器編
排同樣的目錄,創(chuàng)建docker-compose.yml文件:vim docker-compose.yml,內(nèi)容(編排Python容器和Mysql容器)
# docker compose版本
version: "3.9"
# 服務(wù)信息
services:
# mysql容器,名字自定義
db:
image: mysql:5.7
expose:
- "3306"
volumes:
- ./db:/var/lib/mysql
#設(shè)置數(shù)據(jù)庫(kù)表的數(shù)據(jù)集
command: [
'--character-set-server=utf8',
'--collation-server=utf8_unicode_ci'
]
environment:
- MYSQL_DATABASE=xxxx
- MYSQL_ROOT_PASSWORD=yyyy
restart: always
# django服務(wù)
web:
# 基于本路徑的Dockerfile創(chuàng)建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"
# 當(dāng)前服務(wù)所依賴的服務(wù),會(huì)先啟動(dòng)依賴服務(wù)再啟動(dòng)當(dāng)前服務(wù)
depends_on:
- db
# 容器ip是可變的,替代配置文件中mysql的HOST的值;名字和上面的mysql容器服務(wù)的名字一致
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項(xiàng)目setting.py文件中的mysql的host,改成上面web節(jié)點(diǎn)中l(wèi)inks的值
DATABASES = {
'default': {
'ENGINE': 'django.db.backends.mysql',
'NAME': 'xxxx',
'USER': 'root',
'PASSWORD': 'yyyy',
'HOST': 'db', # 這里進(jìn)行修改
'PORT': 3306
}
}
執(zhí)行命令
所在路徑:和Dockerfile等文件同個(gè)路徑下
構(gòu)建容器:docker-compose build
運(yùn)行容器:docker-compose up 或者 后臺(tái)運(yùn)行容器:docker-compose up -d
2.4 Vue項(xiàng)目的搭建
vue使用傳統(tǒng)的搭建方式即可:
服務(wù)器配置node npm環(huán)境
安裝全局pm2
修改項(xiàng)目中api的host為服務(wù)器的ip或域名
打包vue項(xiàng)目:npm run build編寫(xiě)個(gè)app.js啟動(dòng)腳本,主要目的是是讀取dist目錄下的單頁(yè)面文件(index.js),監(jiān)聽(tīng)8080端口
const fs = require('fs');
const path = require('path');
const express = require('express');
const app = express();
app.use(express.static(path.resolve(__dirname, './dist')))
//讀取目錄下的單頁(yè)面文件(index.js),監(jiān)聽(tīng)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復(fù)制到項(xiàng)目目錄下
進(jìn)入項(xiàng)目目錄,安裝依賴:npm install
啟動(dòng)服務(wù):pm2 start app.js5、最終效果
運(yùn)行容器日志:

瀏覽器訪問(wèn)http://ip:8080并登錄:

三、總結(jié)
這個(gè)項(xiàng)目組成目前還比較簡(jiǎn)單,只用了2個(gè)容器進(jìn)行編排。但是以此為例,在搭建更多容器時(shí),我們首先根據(jù)項(xiàng)目組成定制不同的容器,然后規(guī)劃好容器之間的是組織關(guān)系和依賴關(guān)系,相信也是能順利搭建起來(lái)的。
到此這篇關(guān)于詳解Django+Vue+Docker搭建接口測(cè)試平臺(tái)實(shí)戰(zhàn)的文章就介紹到這了,更多相關(guān)Django+Vue+Docker搭建接口測(cè)試 內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
Docker 本地導(dǎo)入鏡像/保存鏡像/載入鏡像/刪除鏡像的方法
這篇文章主要介紹了Docker 本地導(dǎo)入鏡像/保存鏡像/載入鏡像/刪除鏡像的方法,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-12-12
docker安裝,yum安裝失敗解決方案,阿里云鏡像安裝過(guò)程
在配置Yum源遇到問(wèn)題時(shí),嘗試使用阿里云鏡像可以有效解決,本文詳細(xì)介紹了如何配置阿里云源及安裝Docker的步驟,首先,若Yum源配置出錯(cuò),建議更換為阿里云鏡像;其次,詳述了安裝Docker的具體命令,包括啟用阿里云源和安裝過(guò)程中的選擇提示2024-11-11
centos6使用docker部署redis主從數(shù)據(jù)庫(kù)操作示例
這篇文章主要介紹了centos6使用docker部署redis主從數(shù)據(jù)庫(kù)操作,結(jié)合實(shí)例形式分析了centos6環(huán)境下docker部署redis主從數(shù)據(jù)庫(kù)相關(guān)命令與使用技巧,需要的朋友可以參考下2020-02-02
Linux環(huán)境下安裝docker環(huán)境(親測(cè)無(wú)坑)
大家好,本篇文章主要講的是Linux環(huán)境下安裝docker環(huán)境(親測(cè)無(wú)坑),感興趣的同學(xué)趕快來(lái)看一看吧,對(duì)你有幫助的話記得收藏一下2021-12-12
基于Docker實(shí)現(xiàn)MySQL主從復(fù)制的詳細(xì)教程
這篇博客整理了如何在Docker環(huán)境下配置MySQL主從復(fù)制,通過(guò)創(chuàng)建和命名兩個(gè)MySQL容器,設(shè)置獨(dú)立IP,并詳細(xì)說(shuō)明了在宿主機(jī)上持久化數(shù)據(jù)、開(kāi)啟root遠(yuǎn)程訪問(wèn)及添加復(fù)制用戶的過(guò)程,需要的朋友可以參考下2024-10-10
Docker Compose多容器部署的實(shí)現(xiàn)
這篇文章主要介紹了Docker Compose多容器部署的實(shí)現(xiàn),文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-10-10
基于Dockerfile創(chuàng)建zabbix監(jiān)控體系代碼實(shí)例
這篇文章主要介紹了基于Dockerfile創(chuàng)建zabbix監(jiān)控體系代碼實(shí)例,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-05-05

