用Vercel和MongoDB Atlas進(jìn)行部署

如何使用Vercel和MongoDB Atlas進(jìn)行部署，甚至不需要嘗試

Web應(yīng)用程序部署到Vercel

你現(xiàn)在可以將你的Web應(yīng)用程序部署到Vercel，并讓它自動(dòng)使用MongoDB Atlas集群作為數(shù)據(jù)存儲(chǔ)。具體方法如下：

2022年MongoDB世界大會(huì)最有趣的公告之一是Vercel-MongoDB集成的發(fā)布。我們?cè)谶@里看到的是整合大型基礎(chǔ)設(shè)施組件的逐步簡(jiǎn)化和標(biāo)準(zhǔn)化。你能夠利用你的數(shù)據(jù)存儲(chǔ)和主機(jī)中的大量力量，而不需要在架構(gòu)上大費(fèi)周章。

減少對(duì)架構(gòu)的糾結(jié)意味著有更多的時(shí)間來(lái)實(shí)現(xiàn)你的核心目標(biāo)。讓我們來(lái)看看新的精簡(jiǎn)的集成。

[也在InfoWorld上：2022年軟件開(kāi)發(fā)的方向]

在一起使用MongoDB和Vercel已經(jīng)相當(dāng)容易。然而，新的官方集成提供了一種標(biāo)準(zhǔn)的、帶來(lái)若干好處的規(guī)定方法。讓我們?cè)谖抑坝脕?lái)演示Vercel-MongoDB集成的這個(gè)項(xiàng)目上，看看事情是如何進(jìn)行的。

你的Vercel和MongoDB Atlas基礎(chǔ)設(shè)施之間的鉸鏈?zhǔn)?code>MONGODB_URI 環(huán)境變量。官方集成處理定義這個(gè)變量，并為你分享它，以及必要的權(quán)限。

• 對(duì)于我們這里的演示，我們想要實(shí)現(xiàn)的是一個(gè)基于SvelteKit的應(yīng)用程序，我們?cè)诒镜亻_(kāi)發(fā)，有一個(gè)本地MongoDB數(shù)據(jù)存儲(chǔ)。
• 然后我們想把這個(gè)應(yīng)用部署到Vercel，讓它自動(dòng)使用MongoDB Atlas集群作為其數(shù)據(jù)存儲(chǔ)。這是一個(gè)非常常見(jiàn)的設(shè)置。順便說(shuō)一句，這對(duì)React/Next或Vue/Nuxt來(lái)說(shuō)，大部分工作都是一樣的。基本設(shè)置見(jiàn)圖1。

Vercel-MongoDB 應(yīng)用程序的開(kāi)發(fā)和生產(chǎn)架構(gòu)

SvelteKit 演示應(yīng)用程序

我們的演示應(yīng)用程序是一個(gè) SvelteKit 應(yīng)用程序，它允許創(chuàng)建一個(gè)簡(jiǎn)單的文檔，即 apothegm，帶有一個(gè)文本和作者字段，并顯示數(shù)據(jù)庫(kù)中的 apothegms 列表。對(duì)于我們的文件的文本，我們將使用一些精煉的神諭。

SvelteKit是一個(gè)全棧框架，所以我們將使用視圖中的load方法來(lái)訪問(wèn)后端并加載任何現(xiàn)有的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()
}
};
}
復(fù)制代碼