使用 Github Action 將 Docker 化的專案進行打包、上傳並佈署

前言

專案 Docker 化後，開始將專案自動佈署化，因此找到的 Github Action 替我們輸出、打包並上傳至伺服器。

準備

註冊 Docker hub
網址：https://hub.docker.com/

註冊 GitHub
網址：https://github.com/

一個 Docker 化的專案
本篇範例：https://github.com/Hi-Alan-Liu/docker-vue

準備完畢後在進行下一步

開始

一、建立 Github Action

從 Github 專案頁面點選 Actions

並選擇 Docker images

Action 範例

撰寫待會需要執行的 yml 檔案

name: Docker Image Build and Deploy

on:
  push:
    branches: ["main"]

jobs:
  deploy:
    runs-on: ubuntu-latest
    steps:
      - name: Checkout code
        uses: actions/checkout@v3

      - name: Login to Docker Hub
        uses: docker/login-action@v1
        with:
          username: ${{ secrets.DOCKER_HUB_USERNAME }}
          password: ${{ secrets.DOCKER_HUB_ACCESS_TOKEN }}

      - name: Build and push Docker image
        uses: docker/build-push-action@v2
        with:
          context: .
          push: true
          tags: ${{ secrets.DOCKER_HUB_USERNAME }}/${{ secrets.DOCKER_HUB_PROJECT }}:latest

      - name: Deploy to Docker
        run: |
          echo "${{ secrets.DEPLOY_SSH_KEY }}" > private_key && chmod 600 private_key
          ssh -o StrictHostKeyChecking=no -i private_key ${{ secrets.DEPLOY_SSH_USER }}@${{ secrets.DEPLOY_SSH_IP }} '
            sudo docker pull ${{ secrets.DOCKER_HUB_USERNAME }}/${{ secrets.DOCKER_HUB_PROJECT }}:latest
            sudo docker stop ${{ secrets.DOCKER_HUB_PROJECT }}
            sudo docker run -d  --rm --name ${{ secrets.DOCKER_HUB_PROJECT }} -p 2083:80 ${{ secrets.DOCKER_HUB_USERNAME }}/${{ secrets.DOCKER_HUB_PROJECT }}:latest
          '