如何用Cloudflare Pages 構(gòu)建JAMstack網(wǎng)站

今天，我們很興奮地為大家介紹Cloudflare Pages：一種快速、安全和自由的方式來構(gòu)建和托管您的JAMstack站點(diǎn)。

從構(gòu)想到建站的意圖是良好的

網(wǎng)站是我們在網(wǎng)上表達(dá)自己的方式。不管你是一個(gè)博客愛好者，還是擁有數(shù)百萬客戶的最大公司，網(wǎng)絡(luò)是我們不可避免要去的地方。

作為一個(gè)前端開發(fā)人員，我們有責(zé)任把它準(zhǔn)確無誤地融入到我們的生活中。之前，有非常多的前端框架、工具和靜態(tài)站點(diǎn)生成器等眾多方法可以幫助我們來實(shí)現(xiàn)一個(gè)動(dòng)態(tài)的網(wǎng)站。而基于Git、Pages和JAMstack實(shí)現(xiàn)的網(wǎng)站可以便捷、高效而安全的呈現(xiàn)我們的內(nèi)容。

Cloudflare Pages：讓前端開發(fā)人員做他們擅長的事情，使用Cloudflare Pages，我們開始將部署與現(xiàn)有的開發(fā)工作流程聯(lián)系起來，從而簡化整個(gè)過程中的每一步。

Cloudflare Pages: 幫助前端開發(fā)人員做自己擅長的事情

Cloudflare Pages，通過將部署與現(xiàn)有的開發(fā)工作流程聯(lián)系起來，致力于簡化每一個(gè)流程步驟，Cloudflare Pages具有以下幾個(gè)顯著的特點(diǎn)：

無縫GIT集成，內(nèi)置版本

使用Cloudflare頁面，您所要做的就是選擇您的存儲庫，并告訴我們您使用的是哪個(gè)框架。 當(dāng)我們接收到您提交的內(nèi)容后，我們就會自動(dòng)構(gòu)建和部署相關(guān)內(nèi)容到網(wǎng)站。

對于生產(chǎn)中的站點(diǎn)，需要徹底審查更改。作為審閱者，查看代碼，并略讀紅色標(biāo)志只會使您到目前為止。要徹底審查，您必須提交或git存儲您的更改，在本地下拉列表中讓它運(yùn)行，以確保其真正的運(yùn)行。團(tuán)隊(duì)中的其他開發(fā)人員不是唯一的利益相關(guān)者。包括設(shè)計(jì)師，營銷人員，PM等都可以提供不同的反饋。

獨(dú)特的預(yù)覽URL

使用Cloudflare Pages，每個(gè)提交都得到自己唯一的URL。 預(yù)覽URL可以更容易地獲得有意義的代碼評論，而不需要降低分支的開銷。它們還可以更容易地從項(xiàng)目經(jīng)理、設(shè)計(jì)師和營銷人員那里獲得最新迭代的反饋，從而彌合模擬和代碼之間的差距。

無限分期

“有人介意我接管舞臺嗎？”聽起來也像一個(gè)熟悉的問題。 使用Cloudflare Pages，每個(gè)功能分支將有自己的專用一致別名，允許您有一個(gè)最新更改的一致URL。

在Preview和Production環(huán)境中，所有功能分支和預(yù)覽鏈接都將使用預(yù)覽變量構(gòu)建，因此您可以在不影響生產(chǎn)數(shù)據(jù)的情況下進(jìn)行實(shí)驗(yàn)。

當(dāng)您準(zhǔn)備部署到生產(chǎn)時(shí)，我們將用更新的生產(chǎn)環(huán)境變量重新部署到生產(chǎn)中。

人人參與

快樂合作是建立驚人的網(wǎng)站和產(chǎn)品的關(guān)鍵！作為一家安全公司，我們絕對不希望您共享密碼和憑據(jù)。 這就是為什么我們?yōu)闊o限的用戶免費(fèi)提供多用戶訪問的原因。

具有現(xiàn)代高標(biāo)準(zhǔn)的Cloudflare Pages

我們都知道過早的優(yōu)化是一個(gè)基本的錯(cuò)誤，但是一旦你的項(xiàng)目在客戶面前，你就想擁有最好的性能。如果它是成功的，你也希望它是可用的！

今天，這是你必須花費(fèi)優(yōu)化性能（追逐那100個(gè)燈塔分?jǐn)?shù)）和縮放，從幾個(gè)用戶到數(shù)百萬用戶。

幸運(yùn)的是，我們碰巧知道一兩件關(guān)于運(yùn)行一個(gè)由200個(gè)數(shù)據(jù)中心組成的全球網(wǎng)絡(luò)的事情，所以我們已經(jīng)為您覆蓋了。

使用Cloudflare Pages，您的站點(diǎn)可以直接部署到我們的邊緣，毫秒遠(yuǎn)離客戶，并在全球規(guī)模.同時(shí)我們將做大量的提升，使您領(lǐng)先于曲線：IPv6、HTTP/3、TLS1.3，所有最新的圖像格式。

Cloudflare Workers

我們非常興奮開發(fā)人員和他們的團(tuán)隊(duì)使用CloudflarePages在最好的靜態(tài)站點(diǎn)上進(jìn)行協(xié)作。只有一件事不太適合我們：為什么停在靜態(tài)站點(diǎn)？如果我們能讓構(gòu)建全面的、動(dòng)態(tài)的應(yīng)用程序同樣容易呢？

雖然API是JAMstack的核心部分，但今天主要是指健壯的API經(jīng)濟(jì)開發(fā)人員可以訪問的API。雖然這很棒，但它并不總是足夠的。如果您想構(gòu)建自己的API，并存儲用戶或應(yīng)用程序數(shù)據(jù)，則需要超過第三方API。不過，怎么辦？

這就是我們已經(jīng)構(gòu)建了一個(gè)全球無服務(wù)器平臺Cloudflare Workers的意義所在。工作人員允許前端開發(fā)人員以與前端Java腳本相同的語言輕松地將可伸縮后端寫入他們的應(yīng)用程序。

在接下來的幾個(gè)月里，我們將致力于將工人和頁面集成到一個(gè)無縫的體驗(yàn)中。它的工作方式和頁面完全一樣：只需編寫代碼，git push，我們將為您部署它。唯一的區(qū)別是，它不僅僅是你的前端，它也是你的后端。要明確一點(diǎn)：這不僅僅是針對無狀態(tài)函數(shù)。使用Workers KV和Durable Objects，我們看到了一個(gè)巨大的機(jī)會，可以真正使任何Web應(yīng)用程序能夠構(gòu)建在這個(gè)平臺上。

我們對Pages的未來感到非常興奮，以及Cloudflare Workers的力量如何支持它，它代表了一個(gè)大膽的愿景，即如何在網(wǎng)絡(luò)上構(gòu)建新的應(yīng)用程序。