前段時(shí)間服務(wù)器又過(guò)期了,導(dǎo)致原本部署的項(xiàng)目又莫得了,買(mǎi)了個(gè)新服務(wù)器后,又要重新配置,特別麻煩,秉持不想再折騰的偷懶情結(jié),打算搞一下Docker,將部署的項(xiàng)目一并上傳到自己的私有云上,以后換服務(wù)器就可以直接docker拉下來(lái)一鍵部署啦坠敷。
基本思路
解決問(wèn)題核心分析了一下,在于開(kāi)發(fā)時(shí)保存項(xiàng)目存放至鏡像妙同。
具體做法是用到GitAction中監(jiān)控項(xiàng)目推送的能力,在代碼push的時(shí)候進(jìn)行docker鏡像的構(gòu)建,并且上傳到阿里云私有倉(cāng)庫(kù)。
阿里云倉(cāng)庫(kù)
調(diào)查過(guò),國(guó)外的私有倉(cāng)庫(kù)申請(qǐng)很多都是免費(fèi)的,比如以前的Dockerhub,但是因?yàn)樘斐奶厥庑?這些都用不了了,個(gè)人開(kāi)發(fā)者成本比較低的只有阿里云私有倉(cāng)庫(kù)可用膝迎，這里記錄一下怎么申請(qǐng)阿里云私有倉(cāng)庫(kù)
進(jìn)入阿里云官網(wǎng)搜索容器鏡像服務(wù),注冊(cè)個(gè)人版?zhèn)}庫(kù),記住注冊(cè)密碼和命名空間
GitAction
配置項(xiàng)目中的.github/workflows/.yml文件,處理一個(gè)自定義的工作流
其中secrets的變量定義在git項(xiàng)目中的Settings - Actions secrets and variables設(shè)置
name: Docker Image CI # Actions名稱(chēng)
on: # 執(zhí)行時(shí)機(jī)
push:
branches:
- dev
- release
jobs:
build:
runs-on: ubuntu-latest
steps:
- name: checkout # 步驟名字
uses: actions/checkout@master
- name: install
run: npm install
- name: build project
run: npm run build
- name: Build the Docker image
run: |
# 登錄阿里云鏡像容器
echo "${{ secrets.DOCKER_PASSWORD }}" | docker login -u ${{ secrets.DOCKER_USERNAME }} ${{ secrets.DOCKER_REGISTRY }} --password-stdin
docker build -t jimkingkong-nginx .
docker tag jimkingkong-nginx registry.cn-guangzhou.aliyuncs.com/jimkingkong/nginx:latest
docker push registry.cn-guangzhou.aliyuncs.com/jimkingkong/nginx:latest
- name: ssh docker login
uses: appleboy/ssh-action@master
with:
host: ${{ secrets.SSH_HOST }}
username: ${{ secrets.SSH_USERNAME }}
password: ${{ secrets.SSH_PASSWORD }}
script: |
echo -e "---------登錄鏡像容器服務(wù)--------"
# 登錄阿里云鏡像容器服務(wù)
echo "${{ secrets.DOCKER_PASSWORD }}" | docker login -u ${{ secrets.DOCKER_USERNAME }} ${{ secrets.DOCKER_REGISTRY }} --password-stdin
echo -e "---------停掉鏡像--------"
# 停掉容器
docker stop jimkingkong-nginx
echo -e "---------刪除本地容器和鏡像--------"
# 刪除本地容器和鏡像
docker rmi jimkingkong-nginx
docker rm jimkingkong-nginx
# 刪除本地鏡像
docker rmi registry.cn-guangzhou.aliyuncs.com/jimkingkong/nginx:latest
echo -e "---------拉取鏡像--------"
# 拉取鏡像
docker pull registry.cn-guangzhou.aliyuncs.com/jimkingkong/nginx:latest
echo -e "---------創(chuàng)建容器并運(yùn)行容器--------"
# -rm: docker會(huì)在容器退出時(shí)刪除與它關(guān)聯(lián)的數(shù)據(jù)卷
# -d: 后臺(tái)運(yùn)行容器粥帚，并返回容器ID
# -p: 端口映射，本機(jī)端口:容器端口
# --name: 指定容器名稱(chēng)
# 最后一個(gè)為鏡像名稱(chēng)
docker run -d --name jimkingkong-nginx -p 8080:80 registry.cn-guangzhou.aliyuncs.com/jimkingkong/nginx
echo -e "---------執(zhí)行完畢--------"
Dockerfile Nginx
Dockerfile會(huì)在docker構(gòu)建鏡像中用到,配置nginx.conf寫(xiě)進(jìn)默認(rèn)的nginx容器中,將項(xiàng)目代碼寫(xiě)進(jìn)nginx默認(rèn)的目錄中
這里需要記錄一下nginx的默認(rèn)配置文件路徑和項(xiàng)目存放路徑,會(huì)經(jīng)常用到
/etc/nginx/conf.d/default.conf
/usr/share/nginx/html/
Dockerfile
FROM nginx:latest
ADD nginx.conf /etc/nginx/conf.d/default.conf
COPY dist/ /usr/share/nginx/html/
EXPOSE 80
nginx.conf
server {
listen 80;
server_name _;
gzip on;
gzip_min_length 1k;
gzip_comp_level 6;
gzip_types text/plain text/css text/javascript application/json application/javascript application/x-javascript application/xml;
gzip_vary on;
gzip_disable "MSIE [1-6]\.";
root /usr/share/nginx/html;
include /etc/nginx/mime.types;
location / {
add_header Access-Control-Allow-Origin *;
add_header Access-Control-Allow-Methods 'GET, POST, OPTIONS';
add_header Access-Control-Allow-Headers 'DNT,X-Mx-ReqToken,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Authorization';
try_files $uri $uri/index.html /index.html;
}
}
