发布于 2026-01-06 4 阅读
0

如何使用 `vercel.json` 在 Vercel 上部署后端:分步指南

如何使用 `vercel.json` 在 Vercel 上部署后端:分步指南

部署后端服务器通常是一个复杂的过程,但借助 Vercel,它变得简单高效。Vercel 是一个流行的前端和后端部署平台,它允许开发人员以最少的配置轻松部署应用程序。在本博客中,我们将引导您使用vercel.json配置文件在 Vercel 上部署后端服务器,确保您的应用程序能够快速上线并可供访问。

维塞尔导论

Vercel 是一个云平台,专为托管静态网站、无服务器函数和全栈应用程序而设计。它与 GitHub、GitLab 和 Bitbucket 无缝集成,让您可以直接从代码仓库部署项目。Vercel 提供自动扩展、快速的全球 CDN 和零配置部署等优势,是现代 Web 应用程序的理想之选。

先决条件

开始之前,请确保您已准备好以下物品:

  1. 一个Vercel账户。您可以在Vercel网站注册
  2. 拥有一个包含后端代码的 GitHub、GitLab 或 Bitbucket 帐户。
  3. 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"
  }
}


Enter fullscreen mode Exit fullscreen mode

步骤 2:创建vercel.json配置文件

vercel.json文件允许您指定部署配置。请vercel.json在项目根目录下创建一个文件,并添加以下内容:



{
  "version": 2,
  "builds": [
    {
      "src": "index.js",
      "use": "@vercel/node"
    }
  ],
  "routes": [
    {
      "src": "/(.*)",
      "dest": "index.js"
    }
  ]
}


Enter fullscreen mode Exit fullscreen mode

步骤 3:整理后端代码

确保后端代码结构合理。在本例中,我们将把无服务器函数放在相应的api目录中。



my-backend/
  ├── api/
  │   └── hello.js
  ├── index.js
  ├── package.json
  └── vercel.json


Enter fullscreen mode Exit fullscreen mode

例子api/hello.js



module.exports = (req, res) => {
res.status(200).json({ message: "Hello from the backend!" });
};

Enter fullscreen mode Exit fullscreen mode




步骤 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

Enter fullscreen mode Exit fullscreen mode




步骤 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