Build docker image and deploy | GitHub Actions Workshop

Github actions build docker image and push to dockerhub

เราจะมาสร้าง docker image ด้วย github actions พอได้แล้ว docker image แล้วเราจะ push ไปที่ dockerhub

Dockerfile

1
FROM oven/bun:1 AS base
2
WORKDIR /app
3

4
FROM base AS builder
5
COPY package.json bun.lock ./
6
RUN bun install
7
COPY . .
8
RUN bun run build
9

10
FROM joseluisq/static-web-server:2
11
WORKDIR /app
12
COPY --from=builder /app/dist dist
13
CMD ["--port", "80", "--root", "dist"]

.dockerignore

node_modules
README.md
.git
.github

Create workflow

เราจะสร้าง workflow แบบนี้

1
name: Build Docker
2
on:
3
  push:
4
  workflow_dispatch:
5

6
jobs:
7
  build:
8
    runs-on: ubuntu-latest
9
    env:
10
      USERNAME: ${{ vars.DOCKERHUB_USERNAME }}
11

12
    steps:
13
      - name: Get Code
14
        uses: actions/checkout@v4
15
      - name: Login to Docker Hub
16
        uses: docker/login-action@v3
17
        with:
18
          username: ${{ vars.DOCKERHUB_USERNAME }}
19
          password: ${{ secrets.DOCKERHUB_TOKEN }}
20
      - name: Set up QEMU
21
        uses: docker/setup-qemu-action@v3
22
      - name: Set up Docker Buildx
23
        uses: docker/setup-buildx-action@v3
24
      - name: Build and push
25
        uses: docker/build-push-action@v6
26
        with:
27
          context: .
28
          push: true
29
          tags: ${{ env.USERNAME }}/gh-action-react:latest

เราสร้าง env USERNAME จาก vars แบบนี้

1
env:
2
  USERNAME: ${{ vars.DOCKERHUB_USERNAME }}

เราใช้ actions หลายตัวเลย ตามนี้

docker/login-action@v3 ใช้เพื่อ login เข้า dockerhub
- password จะใช้เป็น token แทนนะ
docker/setup-qemu-action@v3 ทำให้ docker build image ได้หลาย architecture
docker/setup-buildx-action@v3 ใช้ setup BuildX เอาไว้ build docker น่ะแหละ
docker/build-push-action@v6 เราสั่ง build docker image
- push build image เสร็จแล้วจะให้ push เลยไหม
- tags เราจะใส่ tag image ว่าอะไร ซึ่งปกติเราก็ต้องใช้ <username>/<image_name>:<tag>

เสร็จแล้วลอง push code ดู

ลองเปิดดูที่ dockerhub ว่ามี image เข้าไปแล้วหรือยัง