使用docker部署前後端項目
ubuntu安裝docker
先卸載可能存在的舊版本
sudo apt-get remove docker docker-engine docker-ce docker.io
更新apt包索引
sudo apt-get update
安裝以下包以使apt可以通過HTTPS使用存儲庫
sudo apt-get install -y apt-transport-https ca-certificates curl software-properties-common
添加Docker官方的GPG密鑰
curl -fsSL https://download.docker.com/linux/ubuntu/gpg | sudo apt-key add -
使用下面的命令來設置stable存儲庫
sudo add-apt-repository "deb [arch=amd64] https://download.docker.com/linux/ubuntu $(lsb_release -cs) stable"
再次更新
sudo apt-get update
安裝最新版本的Docker CE
sudo apt-get install -y docker-ce
查看docker狀態:
前端vue項目部署
npm build 打包項目得到dist文件
rz -y上傳dist.zip到服務器
解壓dist.zip文件
unzip dist.zip
docker安裝nginx鏡像
docker pull nginx
編寫dockerfile文件
進入dist文件同層目錄下
新建default.conf文件
touch default.conf
編輯default.conf
vi default.conf
server {
listen 80;
#charset koi8-r;
access_log /var/log/nginx/host.access.log;
location / {
root /usr/share/nginx/html;
index index.html index.htm;
try_files $uri $uri/ /index.html;
}
location /api/ {
proxy_pass http://127.0.0.1:9000;
}
#error_page 404 /404.html;
error_page 500 502 503 504 /50x.html;
location = /50x.html {
root /usr/share/nginx/html;
}
}
設置api代理
新建dockerfile,並編輯內容爲:
FROM nginx
MAINTAINER LJQ
COPY dist/ /usr/share/nginx/html/
ADD default.conf /etc/nginx/conf.d/
WORKDIR /usr/share/nginx/html
構建vue-demo鏡像
docker build -t vue-demo .
基於 vue-demo鏡像啓動容器
docker run --name vue-demo -p 80:80 -d vue-demo
前端vue項目發佈成功
docker部署springboot項目
打包package
上傳jar包
拉取openjdk鏡像
docker pull openjdk
編寫dockerfile,內容爲:
FROM openjdk
MAINTAINER LIUJINQUAN
ADD ./eureka-0.0.1-SNAPSHOT.jar app.jar
EXPOSE 8761
ENTRYPOINT ["java", "-jar", "/app.jar"]
構建鏡像
docker build -t eureka .
基於eureka運行容器
docker run --name eureka -p 8761:8761 -d eureka
測試發佈:
docker安裝mysql數據庫
docker pull mysql
創建容器
docker run --name demo -p 3306:3306 -e MYSQL_ROOT_PASSWORD=123456 -d mysql
SpringCloud+vue+element-ui+docker前後端項目實踐到部署(五)
SpringCloud+vue+element-ui+docker前後端項目實踐到部署(四)
SpringCloud+vue+element-ui+docker前後端項目實踐到部署(三)