Close
AlgoliaLogoLight
Close full mode
logo

Deploy and Preview Your Pull Request using Vercel

Git RepositoryEdit on Github

deploy preview when pr

ตัวอย่าง 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/[email protected]
    - uses: amondnet/vercel-[email protected]
    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 }}
  4. กำหนดค่าที่ต้องใช้ ทั้ง 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

Loading comments...