如何在團隊專案中免費使用 Vercel 的服務

2024.11.25 23,413 0

Vercel 是一個提供 Serverless 服務的平台，特別適合用於代理靜態頁面或建立簡單的 API。其免費方案對個人專案非常友善，尤其是在中國地區擁有良好的 CDN 支援。然而，對於託管在 GitHub 組織下的專案，Vercel 通常要求升級到付費的 Pro 方案。這篇文章將介紹一種方法，幫助你繞過這項限制，免費使用 Vercel 服務。

背景介紹

Vercel 的 Hobby 方案為個人專案提供了免費的託管服務，廣受開發者歡迎。然而，當專案託管在 GitHub 組織時，Vercel 預設會要求付費升級。這對小型團隊或預算有限的開發者來說無疑增加了負擔。因此，我們需要找到一種方法來建立不與 GitHub 綁定的 Vercel 專案，從而利用免費服務。

建立不與 GitHub 綁定的 Vercel 專案

首先，我們需要透過 Vercel 命令列工具來建立一個獨立於 GitHub 的專案。

安裝 Vercel CLI

在你的終端機中執行以下命令以全域安裝 Vercel CLI：

Bash

npm install -g vercel

建立 Vercel 專案

進入你的專案目錄，然後執行以下命令：

Bash

vercel login
vercel

在此過程中，你會看到一個互動式的終端機操作介面。按照提示一步步進行，你就能在 Vercel 上建立一個不連接任何 GitHub 專案的服務。如果部署成功，你可以透過 Vercel 網頁介面存取已部署的服務。此時，我們已經完成了一半的工作。

設定自動部署

接下來，我們需要設定每次提交程式碼後自動部署到 Vercel。我們將利用 GitHub Actions 實現這項功能。

設定 GitHub Actions

在你的 GitHub 儲存庫中建立一個 CI 設定檔，並在建置操作後新增以下步驟：

YAML

- name: Deploy to Vercel
  uses: amondnet/vercel-action@master
  env:
    VERSION: ${{ env.GITHUB_SHA }}
  with:
    vercel-token: ${{ secrets.VERCEL_TOKEN }}
    vercel-org-id: ${{ secrets.ORG_ID }}
    vercel-project-id: ${{ secrets.PROJECT_ID }}
    working-directory: ./
    vercel-args: '--prod' # 可選參數

準備 GitHub Secrets

在使用上述 GitHub Action 前，需要在 GitHub Secrets 中設定以下參數：

VERCEL_TOKEN: 在 Vercel 帳戶頁面建立。
ORG_ID 和 PROJECT_ID: 可以在專案根目錄的 .vercel/project.json 檔案中找到。

透過以上步驟，你便可以實現團隊專案的自動化部署，並且完全免費地享受 Vercel 的服務。

總結

透過巧妙地使用 Vercel CLI 和 GitHub Actions，我們可以規避 Vercel 對 GitHub 組織專案的付費限制。這種方法不僅節省了成本，還能提升專案的自動化部署效率，非常適合小型團隊或個人開發者。希望這篇文章能夠幫助到你，讓你的團隊專案在不增加預算的情況下快速上線！