用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來說，大部分工作都是一樣的?；驹O置見圖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()
}
};
}
復制代碼