免费部署前端?超级简单! Vercel、Firebase 和 GitHub Pages 等工具让一切变得轻而易举。哎呀,您甚至可以在 Google Drive 上托管静态网站!但当涉及到后端 API 时,免费选项就大大减少了?今天,我将向您展示如何在不花一毛钱的情况下将 Node.js 后端部署到 Vercel!
请继续关注直到最后,我将提供一些您可能不知道的额外免费托管选项! ?
首先,让我们启动一个简单的 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;
现在,您需要在项目的根目录中添加一个 vercel.json 文件,以告诉 Vercel 如何处理您的后端。添加此配置:
{ "version": 2, "rewrites": [{ "source": "/(.*)", "destination": "/api" }] }
部署之前,让我们在您的机器上测试一下。首先,安装 Vercel CLI:
npm install -g vercel
使用 vercel 登录,然后在本地运行您的项目:
vercel dev
现在,访问 http://localhost:3000 查看您的后端的运行情况! ?
上线时间到了!您可以使用三种方法进行部署:
以下是使用 GitHub 进行部署的方法:
繁荣! ?您的后端已启用并具有公共 URL!
导入您需要部署的存储库。
通过这里,我们可以添加环境变量。
虽然 Vercel 的免费 Hobby 帐户很棒,但它也有限制,例如请求配额和非活动项目的睡眠模式。如果您的目标是生产就绪的应用程序,您可能需要升级。
寻找更多免费托管选项?查看 Render,另一个类似于 Vercel 的优秀平台。它很简单,并且轻松支持后端部署。
就这样吧!您的 Node.js 后端已在 Vercel 上运行,而且您没有花一分钱。让我知道您的部署进展如何或者您是否发现了其他很酷的平台! ?
以上是在 Vercel 上免费部署 Node.js 后端的详细内容。更多信息请关注PHP中文网其他相关文章!