首页 >web前端 >js教程 >在 Vercel 上免费部署 Node.js 后端

在 Vercel 上免费部署 Node.js 后端

Linda Hamilton
Linda Hamilton原创
2024-12-26 15:15:14973浏览

在 Vercel 上免费部署 Node.js 后端?

免费部署前端?超级简单! Vercel、Firebase 和 GitHub Pages 等工具让一切变得轻而易举。哎呀,您甚至可以在 Google Drive 上托管静态网站!但当涉及到后端 API 时,免费选项就大大减少了?今天,我将向您展示如何在不花一毛钱的情况下将 Node.js 后端部署到 Vercel!

Deploying Your Node.js Backend for Free on Vercel

请继续关注直到最后,我将提供一些您可能不知道的额外免费托管选项! ?


1. 启动你的 Node.js 项目

首先,让我们启动一个简单的 Express.js 后端。打开终端,导航到所需的文件夹,然后运行以下命令:

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

接下来,在 api/index.js 创建一个文件并添加以下代码来设置基本的 Express 服务器:

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 做准备?

现在,您需要在项目的根目录中添加一个 vercel.json 文件,以告诉 Vercel 如何处理您的后端。添加此配置:

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

3. 本地测试

部署之前,让我们在您的机器上测试一下。首先,安装 Vercel CLI:

npm install -g vercel  

使用 vercel 登录,然后在本地运行您的项目:

vercel dev  

现在,访问 http://localhost:3000 查看您的后端的运行情况! ?


4. 部署到 Vercel

上线时间到了!您可以使用三种方法进行部署:

  1. Vercel CLI
  2. 仪表板上的手动设置
  3. GitHub 集成(最简单且最自动化的选项)。

以下是使用 GitHub 进行部署的方法:

  • 将您的项目推送到 GitHub 存储库。
  • 登录 Vercel 并单击“新建项目”。
  • 导入您的存储库,设置环境变量(如果需要),然后单击“部署”。

繁荣! ?您的后端已启用并具有公共 URL!

Deploying Your Node.js Backend for Free on Vercel
导入您需要部署的存储库。

Deploying Your Node.js Backend for Free on Vercel

通过这里,我们可以添加环境变量。


免费托管的局限性

虽然 Vercel 的免费 Hobby 帐户很棒,但它也有限制,例如请求配额和非活动项目的睡眠模式。如果您的目标是生产就绪的应用程序,您可能需要升级。


维塞尔的替代品?

寻找更多免费托管选项?查看 Render,另一个类似于 Vercel 的优秀平台。它很简单,并且轻松支持后端部署。


就这样吧!您的 Node.js 后端已在 Vercel 上运行,而且您没有花一分钱。让我知道您的部署进​​展如何或者您是否发现了其他很酷的平台! ?

以上是在 Vercel 上免费部署 Node.js 后端的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn