Vercel+MongoDB Atlas部署详细指南

用Vercel和MongoDB Atlas进行部署

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

Web应用程序部署到Vercel

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

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

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

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

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

你的Vercel和MongoDB Atlas基础设施之间的铰链是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()方法

export async function load({ params, fetch, session, stuff }) {
const res = await fetch(‘/apothegm’, {
method: “GET”,
headers: { ‘content-type’: ‘application/json’ }
});
return {
props: {
apothegms: await res.json()
}
};
}
复制代码