Vercel 与 Heroku作为初学者如何部署 Web 应用程序？

您是否最近开始学习 Web 开发，并开发了您的第一个或第二个 Web 应用，但现在却不知道该如何以及在何处部署它？
那么这篇文章正适合您。

我尽量简短地介绍，以便让您快速上手，因为我也理解在网络上托管最初几个项目的兴奋之情。
虽然市面上有很多选择（有免费的也有付费的），但我们主要会关注两个最受欢迎的免费项目：

1. Heroku – 它是一个允许开发者部署、管理和扩展 Web 应用的平台。它提供自己的 CLI，允许你使用终端跟踪更改，或在登录后将代码直接部署到 Heroku。注册并设置帐户后，他们会为初学者提供详细的分步指南。
   但如果你仍想详细阅读他们的文档，请点击此处

2. Vercel – Vercel 也是一个用于部署和管理 Web 应用的平台，但仅限于前端部分。不过步骤非常简单。你只需将你的 Github 帐户连接到 Vercel，然后选择包含你想要部署的项目的仓库即可。添加后，它还会跟踪你在主分支中所做的任何更改，并会持续重新部署应用以应用这些更改。只需访问Vercel并按照步骤操作即可。

了解完这些选项后，我们来看看它们的用例。
我使用 Heroku 来启动我的 Node 应用或我构建的任何其他后端，并使用 Vercel 来启动我的静态网站或应用的前端。
现在，如果您打算部署一个全栈应用，您可能会问：“为什么要分别部署前端和后端？为什么不把所有东西都托管在一个地方呢？”

答案很简单。在一个全栈应用中（前端使用某个框架），你需要运行两个命令，一个用于前端，比如React 中的npm start，另一个用于后端，比如node index.js。但是像 Heroku 这样的平台无法在访问应用链接时在同一主机上同时运行这两个命令。因此，我们单独部署后端，并使用该链接将其连接到前端（你可以使用 fetch 函数或axios来实现）。

虽然这篇文章很简短，但我希望我已经讲清楚了部署应用所需的最基本知识，没有给你带来太多困惑。
祝你一切顺利，编码愉快。