Vercel+MongoDB Atlas部署详细指南【mysql入门】

用Vercel和MongoDB Atlas进行部署

如何使用Vercel和MongoDB Atlas进行部署，甚至不需要尝试

Web应用程序部署到Vercel

你现在可以将你的Web应用程序部署到Vercel，并让它自动使用MongoDB Atlas集群作为数据存储。具体方法如下：

2022年MongoDB世界大会最有趣的公告之一是Vercel-MongoDB集成的发布。我们在这里看到的是整合大型基础设施组件的逐步简化和标准化。你能够利用你的数据存储和主机中的大量力量，而不需要在架构上大费周章。

减少对架构的纠结意味着有更多的时间来实现你的核心目标。让我们来看看新的精简的集成。

[也在InfoWorld上：2022年软件开发的方向]

在一起使用MongoDB和Vercel已经相当容易。然而，新的官方集成提供了一种标准的、带来若干好处的规定方法。让我们在我之前用来演示Vercel-MongoDB集成的这个项目上，看看事情是如何进行的。

MONGODB_URI

对于我们这里的演示，我们想要实现的是一个基于SvelteKit的应用程序，我们在本地开发，有一个本地MongoDB数据存储。
然后我们想把这个应用部署到Vercel，让它自动使用MongoDB Atlas集群作为其数据存储。这是一个非常常见的设置。顺便说一句，这对React/Next或Vue/Nuxt来说，大部分工作都是一样的。基本设置见图1。

Vercel-MongoDB 应用程序的开发和生产架构

SvelteKit 演示应用程序

我们的演示应用程序是一个 SvelteKit 应用程序，它允许创建一个简单的文档，即 apothegm，带有一个文本和作者字段，并显示数据库中的 apothegms 列表。对于我们的文件的文本，我们将使用一些精炼的神谕。

SvelteKit是一个全栈框架，所以我们将使用视图中的load方法来访问后端并加载任何现有的apothegms，如清单1。

清单1.SvelteKit的load()方法

props.apothegmsexport let apothegms;

在后端，/apothegm获取方法看起来像清单2。

清单2.从后端取回apothegms

clientPromise

清单3.MongoDB帮助器/lib/mongo.js

MONGODB_URI

'dotenv/config'

对于我们的应用程序，我们想在开发期间将该变量设置为本地URI，并在生产期间将其设置为远程MongoDB Atlas URL。我们可以通过提供一个.env文件来做到这一点，dotenv在本地开发时可以找到这个文件，但在生产时则不能。为了达到这个目的，我们不将该文件纳入版本控制--我们将其添加到.gitignore。清单4中显示了这两个文件的相关部分。

清单4.添加到.env和.gitignore中

npm run dev

Vercel-MongoDB的生产设置

现在，开发已经启动并运行，我们将把注意力转向设置生产，或者我们称之为prod。在现实世界中，你将实施测试和暂存步骤，然后从暂存推广到生产。

在任何情况下，你都需要Vercel和MongoDB Atlas的账户。这两项服务都提供了免费的业余级别的账户，设置起来快速而简单。MongoDB注册，Vercel注册。

将项目导入Vercel

一旦你有了账户，你就可以登录Vercel，创建一个新项目，并导入项目的代码。

一旦导入完成，Vercel将自动构建和部署该项目。(松了一口气：没有额外的基础设施工作。) 构建将成功，但当你查看该项目时将显示一个错误。这是因为没有可用的数据存储。

创建一个MongoDB Atlas集群

现在你想在MongoDB Atlas中创建一个集群，作为你的生产数据的家。在你的MongoDB控制台，很容易创建一个免费的集群（说明在这里）。你还会在这一过程中创建一个数据库用户。

回到Vercel来添加集成

一旦你有一个可使用的集群，下一步是将MongoDB集成添加到你的Vercel用户账户。(在企业设置中，你可以把它添加到你的Vercel团队中。) 导航到vercel.com/integration…，点击顶部的 "添加集成 "按钮。你会看到一个包含下拉菜单的模式，你想使用的账户应该出现在那里，如下图屏幕1。