使用 Vercel 和 Supabase 部署 NestJS 應用程式

了解部署到 Vercel 非常簡單，但是，在部署過程中需要考慮一些設定。

先決條件

• NestJS專案在開發環境中與PostgreSQL本地連線並正常運作
• 用於部署的 Vercel 帳戶
• Supabase 帳戶（我們將在這裡設定 PostgreSQL 資料庫）

考慮到您的 NestJS 應用程式已準備好部署，讓我們從 Supabase 設定開始。

蘇帕基帳戶

Supabase 是一個開源 Firebase 替代方案，完全支援且無縫配置 PostgreSQL 資料庫，並且還提供身份驗證、儲存等附加功能。

在 Supabase 上設定新帳戶並在該帳戶中建立新專案。

設定完成後，點選首頁頁面上的連線按鈕。這將向您展示將資料庫連接到您的專案的不同選項

使用提供的憑證在本地測試連接，以確保一切正常運作。

注意：確保憑證不會暴露並儲存在您的 .env 檔案中（我相信您已經知道這一點？）

接下來，讓我們設定 Vercel 帳戶並部署專案

韋爾塞爾

通常，Vercel 主要用於前端應用程式部署，但是，它也可以用於部署後端專案。

PS：如果您正在開發中型到大型後端部署項目，請改用合適的服務供應商。

在您的 Vercel 帳戶上，建立一個新專案並連接到您的 Git 儲存庫。匯入您的 .env 檔案並點擊 部署 按鈕。

瞧，就是這樣？ ？ ？ 。
...

可能遇到的常見問題

# 錯誤：沒有名為「public」的輸出目錄

這是一個常見錯誤，因為 Vercel 在建置過程中需要知道您的輸出目錄。要解決此問題，只需新增 versel.json 檔案並複製以下內容：

{
  "version": 2,

  "builds": [
    {
      "src": "src/main.ts",
      "use": "@vercel/node"
    }
  ],
  "routes": [
    {
      "src": "/(.*)",
      "dest": "src/main.ts",
      "methods": ["GET", "POST", "PUT", "DELETE", "PATCH", "OPTIONS"]
    }
  ]
} 

再次執行部署即可

...

# 錯誤：此無伺服器函數已崩潰

就我而言，這是因為找不到模組錯誤

...
有幾種方法可以解決這個問題：

方法1（用相對路徑替換所有導入）

來自

{
  "version": 2,

  "builds": [
    {
      "src": "src/main.ts",
      "use": "@vercel/node"
    }
  ],
  "routes": [
    {
      "src": "/(.*)",
      "dest": "src/main.ts",
      "methods": ["GET", "POST", "PUT", "DELETE", "PATCH", "OPTIONS"]
    }
  ]
} 

到

import { UsersService } from 'src/users/users.service';

...

方法 2（修改 vercel.json 檔案和 .gitignore 檔案）

我最終採用了這種方法，因為我不需要將我的應用程式限制為僅使用相對路徑導入。

因此，將 vercel.json 修改為這個

import { UsersService } from '../users/users.service';

前往您的 .gitignore 檔案並刪除 /dist.

運行新的部署即可。

編碼愉快！ ？

以上是使用 Vercel 和 Supabase 部署 NestJS 應用程式的詳細內容。更多資訊請關注PHP中文網其他相關文章！