如何使用 `vercel.json` 在 Vercel 上部署后端:分步指南
部署后端服务器通常是一个复杂的过程,但借助 Vercel,它变得简单高效。Vercel 是一个流行的前端和后端部署平台,它允许开发人员以最少的配置轻松部署应用程序。在本博客中,我们将引导您使用vercel.json配置文件在 Vercel 上部署后端服务器,确保您的应用程序能够快速上线并可供访问。
维塞尔导论
Vercel 是一个云平台,专为托管静态网站、无服务器函数和全栈应用程序而设计。它与 GitHub、GitLab 和 Bitbucket 无缝集成,让您可以直接从代码仓库部署项目。Vercel 提供自动扩展、快速的全球 CDN 和零配置部署等优势,是现代 Web 应用程序的理想之选。
先决条件
开始之前,请确保您已准备好以下物品:
- 一个Vercel账户。您可以在Vercel网站注册。
- 拥有一个包含后端代码的 GitHub、GitLab 或 Bitbucket 帐户。
- Node.js 已安装在您的本地计算机上。
在 Vercel 上部署后端的分步指南
第一步:准备后端
请确保后端已准备好部署。如果您使用的是 Node.js,则您的项目中应该包含一个package.json文件,其中列出了必要的依赖项和脚本。
例子package.json:
{
"name": "my-backend",
"version": "1.0.0",
"main": "index.js",
"scripts": {
"start": "node index.js"
},
"dependencies": {
"express": "^4.17.1"
}
}
步骤 2:创建vercel.json配置文件
该vercel.json文件允许您指定部署配置。请vercel.json在项目根目录下创建一个文件,并添加以下内容:
{
"version": 2,
"builds": [
{
"src": "index.js",
"use": "@vercel/node"
}
],
"routes": [
{
"src": "/(.*)",
"dest": "index.js"
}
]
}
步骤 3:整理后端代码
确保后端代码结构合理。在本例中,我们将把无服务器函数放在相应的api目录中。
my-backend/
├── api/
│ └── hello.js
├── index.js
├── package.json
└── vercel.json
例子api/hello.js:
module.exports = (req, res) => {
res.status(200).json({ message: "Hello from the backend!" });
};
步骤 4:将代码推送到 GitHub
将你的代码提交到 GitHub 仓库。你可以通过在项目文件夹中初始化一个 git 仓库,添加你的文件,然后将它们推送到 GitHub 来完成此操作。
git init
git add .
git commit -m "Initial commit"
git branch -M main
git remote add origin <your-repo-url>
git push -u origin main
步骤 5:前往 Vercel 控制面板
前往Vercel 控制面板并使用您的帐户登录。
步骤 6:添加新项目并导入存储库
在 Vercel 控制面板中,点击“新建项目”,然后选择从 Git 存储库(GitHub、GitLab 或 Bitbucket)导入项目的选项。
步骤 7:选择后端目录
在设置过程中,请确保选择后端项目的根目录(vercel.json文件所在的目录)。
步骤 8:部署项目
点击“部署”按钮开始部署过程。Vercel 将根据您vercel.json文件中指定的配置构建并部署您的项目。
步骤 9:访问已部署的后端
部署完成后,Vercel 会提供一个 URL,您的后端服务器就托管在该 URL 上。您可以通过将 API 路径附加到此 URL 来访问您的 API 端点。
例如,如果您的项目 URL 是https://my-backend.vercel.app,您可以通过 访问hello端点https://my-backend.vercel.app/api/hello。
结论
使用配置文件在 Vercel 上部署后端vercel.json是一个简化的过程,使开发人员能够专注于编写代码,而无需管理基础设施。借助 Vercel 的强大功能,您可以轻松部署和扩展后端。无论您是在开发小型项目还是大型应用程序,Vercel 都提供相应的工具和服务,以确保您的后端稳健可靠且响应迅速。
立即开始在 Vercel 上部署您的后端,体验现代部署实践带来的优势!
文章来源:https://dev.to/vyan/how-to-deploy-your-backend-on-vercel-using-verceljson-a-step-by-step-guide-5a78



