28歲了

前段時間服務(wù)器又過期了,導(dǎo)致原本部署的項目又莫得了,買了個新服務(wù)器后,又要重新配置,特別麻煩,秉持不想再折騰的偷懶情結(jié),打算搞一下Docker,將部署的項目一并上傳到自己的私有云上,以后換服務(wù)器就可以直接docker拉下來一鍵部署啦。

基本思路

解決問題核心分析了一下,在于開發(fā)時保存項目存放至鏡像。
具體做法是用到GitAction中監(jiān)控項目推送的能力,在代碼push的時候進行docker鏡像的構(gòu)建,并且上傳到阿里云私有倉庫。

阿里云倉庫

調(diào)查過,國外的私有倉庫申請很多都是免費的,比如以前的Dockerhub,但是因為天朝的特殊性,這些都用不了了,個人開發(fā)者成本比較低的只有阿里云私有倉庫可用，這里記錄一下怎么申請阿里云私有倉庫

步驟一

1.png

2.png

進入阿里云官網(wǎng)搜索容器鏡像服務(wù),注冊個人版?zhèn)}庫,記住注冊密碼和命名空間

GitAction

配置項目中的.github/workflows/.yml文件,處理一個自定義的工作流
其中secrets的變量定義在git項目中的Settings - Actions secrets and variables設(shè)置

name: Docker Image CI # Actions名稱

on: # 執(zhí)行時機
  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)建容器并運行容器--------"
            # -rm: docker會在容器退出時刪除與它關(guān)聯(lián)的數(shù)據(jù)卷
            # -d: 后臺運行容器，并返回容器ID
            # -p: 端口映射，本機端口:容器端口
            # --name: 指定容器名稱
            # 最后一個為鏡像名稱
            docker run -d --name jimkingkong-nginx -p 8080:80 registry.cn-guangzhou.aliyuncs.com/jimkingkong/nginx
            echo -e "---------執(zhí)行完畢--------"

Dockerfile Nginx

Dockerfile會在docker構(gòu)建鏡像中用到,配置nginx.conf寫進默認(rèn)的nginx容器中,將項目代碼寫進nginx默認(rèn)的目錄中
這里需要記錄一下nginx的默認(rèn)配置文件路徑和項目存放路徑,會經(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;
    }

}

每次push都可以自動部署上傳鏡像啦