在 Vercel 上免費(fèi)部署 Node.js 后端？

免費(fèi)部署前端？超級(jí)簡(jiǎn)單！ Vercel、Firebase 和 GitHub Pages 等工具讓一切變得輕而易舉。哎呀，您甚至可以在 Google Drive 上托管靜態(tài)網(wǎng)站！但當(dāng)涉及到后端 API 時(shí)，免費(fèi)選項(xiàng)就大大減少了？今天，我將向您展示如何在不花一毛錢(qián)的情況下將 Node.js 后端部署到 Vercel！

請(qǐng)繼續(xù)關(guān)注直到最后，我將提供一些您可能不知道的額外免費(fèi)托管選項(xiàng)！ ？

---

1. 啟動(dòng)你的 Node.js 項(xiàng)目

首先，讓我們啟動(dòng)一個(gè)簡(jiǎn)單的 Express.js 后端。打開(kāi)終端，導(dǎo)航到所需的文件夾，然后運(yùn)行以下命令：

mkdir my-express-backend  
cd my-express-backend  
npm init -y  
npm install express  

接下來(lái)，在 api/index.js 創(chuàng)建一個(gè)文件并添加以下代碼來(lái)設(shè)置基本的 Express 服務(wù)器：

const express = require("express");  
const app = express();  

app.get("/", (req, res) => res.send("Express on Vercel"));  

app.listen(3000, () => console.log("Server ready on port 3000"));  

module.exports = app;  

---

2. 為 Vercel 做準(zhǔn)備？

現(xiàn)在，您需要在項(xiàng)目的根目錄中添加一個(gè) vercel.json 文件，以告訴 Vercel 如何處理您的后端。添加此配置：

{  
  "version": 2,  
  "rewrites": [{ "source": "/(.*)", "destination": "/api" }]  
}  

---

3. 本地測(cè)試

部署之前，讓我們?cè)谀臋C(jī)器上測(cè)試一下。首先，安裝 Vercel CLI：

npm install -g vercel  

使用 vercel 登錄，然后在本地運(yùn)行您的項(xiàng)目：

vercel dev  

現(xiàn)在，訪問(wèn) http://localhost:3000 查看您的后端的運(yùn)行情況！ ？

---

4. 部署到 Vercel

上線時(shí)間到了！您可以使用三種方法進(jìn)行部署：

1. Vercel CLI
2. 儀表板上的手動(dòng)設(shè)置
3. GitHub 集成（最簡(jiǎn)單且最自動(dòng)化的選項(xiàng)）。

以下是使用 GitHub 進(jìn)行部署的方法：

• 將您的項(xiàng)目推送到 GitHub 存儲(chǔ)庫(kù)。
• 登錄 Vercel 并單擊“新建項(xiàng)目”。
• 導(dǎo)入您的存儲(chǔ)庫(kù)，設(shè)置環(huán)境變量（如果需要），然后單擊“部署”。

繁榮！ ？您的后端已啟用并具有公共 URL！

導(dǎo)入您需要部署的存儲(chǔ)庫(kù)。

通過(guò)這里，我們可以添加環(huán)境變量。

---

免費(fèi)托管的局限性

雖然 Vercel 的免費(fèi) Hobby 帳戶很棒，但它也有限制，例如請(qǐng)求配額和非活動(dòng)項(xiàng)目的睡眠模式。如果您的目標(biāo)是生產(chǎn)就緒的應(yīng)用程序，您可能需要升級(jí)。

---

維塞爾的替代品？

尋找更多免費(fèi)托管選項(xiàng)？查看 Render，另一個(gè)類似于 Vercel 的優(yōu)秀平臺(tái)。它很簡(jiǎn)單，并且輕松支持后端部署。

---

就這樣吧！您的 Node.js 后端已在 Vercel 上運(yùn)行，而且您沒(méi)有花一分錢(qián)。讓我知道您的部署進(jìn)??展如何或者您是否發(fā)現(xiàn)了其他很酷的平臺(tái)！ ？

以上是在 Vercel 上免費(fèi)部署 Node.js 后端的詳細(xì)內(nèi)容。更多信息請(qǐng)關(guān)注PHP中文網(wǎng)其他相關(guān)文章！