Skip to content
.NET Thailand

Deploy and Preview Your Pull Request using Vercel

ตัวอย่าง Pull request

How to use

  1. ถ้ามีการเชื่อมต่อ Vercel กับ Github ให้ปิดการเชื่อมต่อก่อน เพราะว่าเราต้องการให้ github actions build and deploy แทนที่ Vercel (ซึ่งโดยปกติ Vercel จะ build และ deploy ให้อัตโนมัติ) Read More
  2. You should link Github Project with Vercel locally (For Vercel CLI 17)
  3. Define Github Actions
# https://github.com/marketplace/actions/vercel-action
name: Preview deploy
on:
  pull_request:
    branches:
      - main
  pull_request_target:
jobs:
  deploy:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v2
      - uses: amondnet/vercel-action@v20
        id: vercel-action
        with:
          vercel-token: ${{ secrets.VERCEL_TOKEN }} # Required
          github-token: ${{ secrets.PUBLIC_REPO_ACCESS_TOKEN }} #Optional
          vercel-org-id: ${{ secrets.VERCEL_ORG_ID}}  #Required
          vercel-project-id: ${{ secrets.VERCEL_PROJECT_ID}} #Required
      - name: preview-url
        run: |
          echo ${{ steps.vercel-action.outputs.preview-url }}
  1. กำหนดค่าที่ต้องใช้ ทั้ง GitHub Secrets และ Vercel
Secret keySecret value
VERCEL_TOKENต้องสร้างจาก https://vercel.com/account/tokens
PUBLIC_REPO_ACCESS_TOKENต้องกำหนด repo access โดยกำหนด Token ของ github read more
VERCEL_ORG_IDID ของ team ที่เราใช้ แต่ถ้าใช้ Personal ให้เอาจาก account setting ใน Your ID
VERCEL_PROJECT_IDเอามาจาก Project ID ใน Project Setting

สำหรับการตั้งค่าอื่นๆ เพิ่มเติมที่ Vercel Action - GitHub Action

Read More