掘力計劃第 20 期：Flutter 混合開發的混亂之治
在掘力計劃系列活動第20場，《Flutter 開發實戰詳解》作者，掘金優秀作者，Github GSY 系列目負責人戀貓的小郭分享了Flutter 混合開發的混亂之治。Flutter 基于自研的 Skia 引擎
本文探討了 Vercel 的功能，并與 Cloudflare 生態系統中的類似產品進行了比較。從托管到存儲，我們將看到為什么 Cloudflare 可以在 2024 年成為 Vercel 的最佳替代品。
最近，我們看到了很多關于所謂的無服務器恐怖故事的大驚小怪，或者無服務器計算的無限規模可能導致月底的巨額賬單。事實上，Vercel 對開發人員來說是一個很好的平臺，但與其他替代方案相比，價格可能會比較昂貴。
如果您犯了錯誤，或者沒有很好地了解該平臺的工作原理以及如何優化您的網站或應用程序，Vercel 確實會讓您付出高昂的代價。例如，伊利亞斯-伊斯姆（Ilias Ism）分享了他如何在 Vercel 上每月被收取 2000 多美元的基本服務費。
但這并不是唯一或最可怕的故事。
互聯網上還有許多其他帖子描述開發人員為一個簡單的網站或應用程序收取數千美元的費用。邁克爾·奧伯里 （Michael Aubury） 就是這種情況，當有人針對他的 Vercel 部署進行 DDoS 攻擊時，他收到了 23,000 美元的賬單，而邁克·拉米雷斯 （Mike Ramirez） 在 6 小時內收到了 3,000 美元的賬單，因為他的代碼中的一個小錯誤。
如果您正在尋找 Vercel 更具成本效益的替代品，Cloudflare 是一個不錯的選擇。Cloudflare 提供廣泛的服務，可以幫助您優化網站或應用程序，并且可以成為 Vercel 的絕佳替代品。
當然，您不需要將整個應用程序遷移到 Cloudflare，完全離開 Vercel。例如，Ilias 就采取了一種混合方法，包括將圖像優化轉移到 Cloudflare，做出更好的開發選擇（如禁用 <Link> 標記中的預?。?，以及在 Vercel 生態系統本身中進行移動（如盡可能使用 edge runtime）。
在本文中，我們將探討 Vercel 的功能和定價，以及 Cloudflare 如何在 2024 年成為 Vercel 的最佳替代品。
很難用幾句話來解釋 Cloudflare 是什么。它以其 CDN 和安全服務而聞名，但這還不是全部。它是一個無服務器托管平臺，可以幫助您以經濟高效的方式部署您的網站或應用程序，一個可以幫助您管理域的 DNS 注冊商，一個可以幫助您管理 DNS 記錄的 DNS 提供商。遠不止于此。
老實說，說到網絡基礎設施，Cloudflare 是你所能想到的最好、更快、更安全的互聯網。Cloudflare Edge 網絡是其所有服務的核心，它是一個全球服務器網絡，在終端用戶附近運行代碼、提供計算和存儲數據，從而減少延遲并提高性能。
當然，Vercel 也擁有全球服務器網絡，但 Cloudflare 網絡要大得多。Vercel 的網絡有 18 個區域和 100 多個接入點，而 Cloudflare 在全球擁有 300 多個數據中心。
部署數據中心的可用性也是 Cloudflare 的一大優勢。在 Vercel 和 AWS 等其他提供商一樣，您必須選擇一個地區來部署您的應用程序。而在 Cloudflare，區域就是全世界。您無需擔心應用程序部署在哪里或數據存儲在哪里。
您的網站始終位于網絡邊緣，靠近所有最終用戶。
圖片
讓我們從 Vercel 開始。
Vercel 之所以如此受歡迎，是因為它使托管網站或 Web 應用程序變得如此簡單。從字面上看，您可以將 Github 存儲庫連接到 Vercel 并部署您的網站，只需單擊幾下即可，而不必擔心服務器、基礎設施或其他任何事情。
你要做的是將你的代碼推送到 Github，創建并將其導出到一個項目和 vercel 中，并在每次推送到存儲庫時開始部署。Vercel 將構建您的網站并將其部署到云端，使其可供全世界使用。
它與 Next.js 有很好的集成，因為它是由 Vercel 團隊創建的，但它也支持各種最流行的前端框架，無論您使用什么工具，都可以優化您的網站構建方式。
在 Vercel 上托管您的網站時，它主要按帶寬或從您的網站向用戶傳輸的數據量收費。傳輸的數據包括傳出數據（即從您的網站向用戶發送的數據）和傳入數據（即從您的用戶向您的網站發送的數據）。
最初，免費計劃包括每月 100 GB 的帶寬，專業計劃包括每月 1 TB 的帶寬。如果超出帶寬限制，每增加 100 GB 帶寬將收取 40 美元。但在新的定價模式下，不再有一刀切的做法，Vercel 將托管應用程序和網站的帶寬定價分為三個變量：快速數據傳輸(Fast Data Transfer)、邊緣請求(Edge Request) 和 數據緩存(Data Cache) 。
快速數據傳輸是在 Vercel Edge Newtwork 和最終用戶之間傳輸的數據。免費計劃包括 100 GB 的快速數據傳輸，Pro 計劃包括 1TB 的快速數據傳輸，額外費用為每 GB 0.15 美元起?，F在，價格將因傳輸數據的地區而異：
邊緣請求(Edge Request)是指在向最終用戶提供您的網站或應用程序時向 Vercel 邊緣網絡發出的請求數量。當用戶訪問您的網站時，他們的請求會路由到最近的 Vercel 邊緣網絡，從而減少延遲并提高性能。例如，加載單個網頁可能涉及對 HTML 文檔、CSS 文件、JavaScript 文件、圖像等的請求。這些請求中的每一個都計為一個邊緣請求，并根據 Vercel 的定價模型產生費用。
免費計劃包括每月 100 萬次邊緣請求，專業計劃包括每月 1000 萬次邊緣請求，每 100 萬次邊緣請求額外收費 2 美元。價格也因請求所在地區而異：
數據緩存是指已寫入 Vercel 邊緣網絡以進行快速訪問并隨后從緩存存儲中檢索（讀取）的所有數據的總和。定價因對緩存存儲執行的操作（寫入或讀?。┮约熬彺鏀祿膮^域而異。免費計劃包括 2M 字節的緩存寫入和 10M 字節的緩存讀取，而 Pro 計劃每增加 1M 字節的緩存寫入收取 4 美元，每增加 1M 字節的緩存讀取收取 0.40 美元。定價也會因緩存數據的區域而異：
每 1M 字節 4 美元：美國克利夫蘭 （cle1）、美國華盛頓特區 （iad1）、美國波特蘭 （pdx1）
每 1M 字節 4.40 USD：瑞典斯德哥爾摩 （arn1）、印度孟買 （bom1）
每 1M 字節 4.80 美元：英國倫敦 （lhr1）、都柏林 （dub1）、法國巴黎 （cdg1）、美國舊金山 （sfo1）
每 1M 字節 5.20 美元：新加坡 （sin1）、澳大利亞悉尼 （syd1）、日本大阪 （kix1）、韓國首爾 （icn1）、日本東京 （hnd1）、德國法蘭克福 （fra1）
每 1M 字節 5.60 美元：中國香港 （hkg1）、南非開普敦 （cpt1）
每 1M 字節 6.40 美元：巴西圣保羅 （gru1）
您需要注意的其他變量包括構建執行時間，或在部署期間構建網站或應用程序所需的時間，以及并發構建，或可以同時運行的構建數。
免費計劃包括 1 個并發版本，Pro 計劃還包括 1 個，每增加一個并發版本收費 50 美元。關于構建執行時間，免費計劃包括 6,000 分鐘的構建時間，Pro 計劃包括 24,000 分鐘的構建時間。
在 Vercel 中，Pro 計劃的起價為每月 20 美元。
Cloudflare 呢？
Cloudflare 提供與 Vercel 類似的服務，稱為 Cloudflare Pages。
Cloudflare Pages 最初是一種 JAMstack 托管服務，通過利用 Cloudflare 邊緣網絡快速安全地交付網站而聲名鵲起，但現在它已經發展成為一個完整的無服務器托管平臺，可以運行任何類型的應用程序，從靜態網站到需要服務器端邏輯的全棧 Web 應用程序。
與 Vercel 一樣，您還可以連接您的 Github 存儲庫并部署您的網站，只需單擊幾下即可。無論您使用的是Next.js還是任何其他框架，Cloudflare Pages 都會構建您的網站并將其部署到云端，使其可供全世界使用。
您可以看到的 Vercel 和 Cloudflare Pages 之間的最大區別是定價。Cloudflare Pages 比 Vercel 更具成本效益，主要是因為它不收取帶寬費用。
沒錯，在 Cloudflare Pages 上托管您的網站時，您無需按帶寬計費，因此您無需擔心有多少用戶正在訪問您的網站或傳輸了多少數據。
與 Vercel 一樣，Cloudflare Pages 也限制并發構建和帳戶每月可以運行的構建總數。免費計劃包括每月 1 次并發構建和 500 次構建，Pro 計劃包括每月 5 次并發構建和 5,000 次構建。
在 Cloudflare，專業計劃的起價為每月 25 美元。
圖片
無服務器函數（Serverless functions）是向網站添加動態功能的好方法。它們基本上是在云中運行的代碼片段，可以由 HTTP 請求、數據庫更改或計劃任務等事件觸發。
Vercel 提供一項名為 Vercel Functions 的服務，允許您在靠近用戶的 Vercel 邊緣網絡中運行無服務器函數。這些函數可按需自動擴展，并可與 Web 和 Vercel 生態系統中的 API、數據庫和資源進行交互。
基礎結構和無服務器函數可以執行的操作受您為函數選擇的運行時環境的限制?？捎玫倪\行時包括：Node.js、Go、Ruby、Python 和 Edge 運行時。在 Edge 運行時運行的無服務器函數更輕量級，計費方式也不同。
Vercel 函數可能會受到冷啟動的影響，冷啟動是指首次調用非活動函數時出現的延遲，因為函數必須初始化并加載到內存中。冷啟動可以通過保持函數預熱或定期調用來減少，以防止函數被掛起。
與 AWS lambda 一樣，Vercel 會要求您選擇要部署函數的區域。這是一個關鍵步驟，可能會對延遲和性能產生很大影響，因為函數離用戶越近，執行速度就越快。如果您使用 vercel 存儲服務，例如 KV 或 Postgres，您還應該考慮存儲數據的區域，并在該區域附近部署函數。
在 2024 年 4 月的定價更新之前，Vercel 不像 AWS 那樣按地區收費，但現在由于數據傳輸成本的原因，定價會因執行函數的地區而異。函數持續時間和調用在各地區的價格仍然相同，但數據傳輸的收費將有所不同。
出于計費目的，Edge 函數按 CPU 時間或直接執行函數所花費的時間收費，而其他運行時按掛鐘時間或函數運行的總時間收費，包括空閑時間或啟動環境并將函數加載到內存中所需的時間。CPU 時間以每個 50 毫秒的執行單位來衡量，而掛鐘時間以 GB-小時為單位，即為每個函數分配的內存（以 GB 為單位）乘以它們運行的時間（以小時為單位）。
在定價更新之前，免費計劃包括 500,000 個 Edge 函數執行單元和 100 GB 小時無服務器函數，而 Pro 計劃包括 1M 個邊緣功能執行單元，1,000 GB 小時無服務器函數，每增加 1M 個執行單元收取 2.00 美元，每增加 100 GB 小時收取 40 美元。
現在，免費計劃包括 1M 的 Edge 運行時函數執行單元和 1000 GB 小時的無服務器函數，而 Pro 計劃每增加 1M 執行單元收取 2 美元，每增加 100 GB 小時收取 18 美元（每 1GB 小時 0.18 美元）。
除了持續時間變量之外，Vercel 現在還對兩個新變量收費：函數調用和數據傳輸。這是定價模式的一大變化，因為以前您只需要為函數運行的時間付費。
函數調用是函數被調用的次數，包括成功和失敗的調用。免費計劃包括 1M 函數調用，而 Pro 計劃包括 10M 調用，每增加 0.60M 調用收費 1 美元。
在無服務器函數的上下文中，數據傳輸稱為快速源傳輸，是指在 Vercel 邊緣網絡和您的函數之間傳輸的數據。免費計劃包括 100 GB 的快速源傳輸，Pro 計劃包括 1TB 的快速源傳輸，額外費用為每 GB 0.06 美元。價格也會因數據傳輸區域而異：
Cloudflare 還提供一種名為 Cloudflare Workers[1] 的服務，允許您在 Cloudflare 邊緣網絡中運行無服務器函數，以接近您的用戶。該函數還能按需自動擴展，并能與 API、數據庫以及網絡和 Cloudflare 生態系統中的資源進行交互。
目前，Cloudflare 無服務器函數必須用 TypeScript/JavaScript 或任何可以編譯為 WebAssembly 的語言編寫。
Cloudflare Workers 不會受到冷啟動的影響，因為它運行在 V8 isolates[2] 之上，可以在 5 毫秒內預熱函數。這意味著您的函數隨時可以執行，無論它們處于非活動狀態多長時間。與 Vercel 功能相比，這是一個巨大的優勢，因為冷啟動對于某些應用來說可能是一個大問題。
通過使用 Workers，您也無需擔心要部署應用程序的區域。默認情況下，在 Cloudflare 上，區域就是世界，這意味著您的代碼將始終在靠近您的資源和用戶的地方運行。
由于 Cloudflare 杜絕了冷啟動，因此 Workers 不對掛壁時間收費，默認情況下僅使用 CPU 時間計費。免費計劃包括每天 100,000 次請求和每次調用平均 10ms 的 CPU 時間，而標準計劃起價為 5 美元，包括每月 10,000,000 次請求和 30,000,000 CPUms。額外請求按每 1M 請求 0.30 美元計費，額外 CPUms 按每 1M CPUms 0.02 美元計費。
圖片
Vercel KV 是一個持久的 Redis 數據庫，可用于存儲和檢索 JSON 數據。它不是 Vercel 的原生服務，而是由與 Upstash 合作提供支持的。
默認情況下，在創建 KV 數據庫時指定的主區域中配置了一個 Redis 數據庫。寫操作將在這個主區域內進行。KV 數據庫可能有額外的讀取區域，讀取操作將在離觸發請求最近的區域運行。
請注意，當您這樣做時，您正在復制數據庫，這將成倍地增加服務的使用量和成本，因為每個寫入命令將向您的主數據庫發出一次，向您配置的每個只讀副本發出一次。
并非所有 Vercel 區域都受 KV 存儲支持。實際上，僅支持以下區域：都柏林、法蘭克福、圣保羅、華盛頓、波特蘭、舊金山、新加坡和悉尼。
也不支持更改 Vercel KV 存儲的主要區域。如果要更改數據庫的區域，則必須創建一個新存儲并遷移所有數據。
KV 存儲月度費用取決于四個主要變量，即：
Vercel KV 的替代品是 Cloudflare KV。Cloudflare KV[3] 是一個無服務器鍵值數據庫，使您能夠在 Cloudflare 邊緣網絡上存儲和檢索數據。與 Vercel 不同的是，它是 Cloudflare 的原生服務，并非由與其他公司的合作伙伴關系提供支持。它也不是 Redis 數據庫，而是針對 Cloudflare 上的邊緣計算進行了優化的鍵值數據庫。
訪問 Cloudflare KV 中數據的最常見方式是通過 Workers，但您也可以通過 Cloudflare API 進行訪問。
Cloudflare KV 是一個全球數據庫，這意味著您的數據會復制到 Cloudflare 在全球的所有數據中心。您的數據不局限于單一地區，您無需擔心在不同地區創建副本以獲得更好的性能。
Cloudflare KV 的定價和限制因您選擇的計劃和您正在執行的操作的性質而異。您無需按數據傳輸或創建的數據庫數量付費，而是按您發出的請求數和存儲的數據量付費。
對于存儲，在免費計劃中，您最多可以存儲 1GB 的數據，而在付費計劃中，每增加 GB 數據需要支付 0.5 美元。
對于請求，在免費計劃中，您每天最多可以發出 100,000 個讀取請求，每天最多可以發出 1,000 個寫入、刪除和列出請求。在付費計劃中，每增加 10M 讀取請求需要支付 0.5 美元，每增加 1M 寫入、刪除和列出請求需要支付 5 美元。
圖片
Vercel 無服務器數據庫是一個 PostgreSQL 數據庫，旨在與 Vercel Functions 和您的前端框架集成。它也不是 Vercel 的原生服務，而是由與 Neon 的合作伙伴關系提供支持的。
在儀表板中創建 Vercel Postgres 數據庫時，會在您指定的區域中配置運行 PostgreSQL 版本 15 的無服務器數據庫。該區域是讀寫操作的路由，數據庫創建后不能更改。
可用于部署無服務器數據庫的區域并不多。目前僅支持克利夫蘭、華盛頓、波特蘭、法蘭克福、新加坡和悉尼。
區域的選擇對于應用程序的性能至關重要，因為數據庫越接近查詢它的函數，響應時間就越快。
另一個需要考慮的重要事項是 Vercel Postgres 數據庫并不總是處于活動狀態。如果在指定的持續時間內沒有傳入請求，則數據庫將縮減為零，從而有效地暫停計算時間計費。這意味著，在非活動狀態后訪問數據庫時，您可能會遇到長達 1 秒的冷啟動。在 Pro 計劃中，您可以配置非活動時間閾值以降低冷啟動頻率。
Vercel postgres 數據庫的總成本是根據五個因素計算的：
Vercel postgres 的替代品是 Cloudflare D1。Cloudflare D1 是基于 SQLite 構建的 Workers 平臺原生的無服務器數據庫，使您能夠在 Cloudflare 邊緣網絡上存儲和檢索數據。
Cloudflare D1[4] 是一個全球數據庫，這意味著您的數據可在全球所有 Cloudflare 數據中心使用。您的數據不限于單個區域，區域的選擇不會影響應用程序的性能。
D1 數據庫可從 Cloudflare 儀表板訪問，也可以通過 SDK 通過 Workers 訪問，或與 Drizzle 等 ORM 庫集成。
Cloudflare D1 也基于即用即付模式，這意味著您只需為使用的資源付費，并且可以像 Vercel 一樣擴展到零，而不會在重新上線時遭受冷啟動。在 Cloudflare D1 上，您無需按數據傳輸、計算時間或創建的數據庫數量付費，而是按存儲的數據量和讀取和寫入的行數付費。
讀取的行數是查詢讀取（掃描）的行數，與每行的大小無關，而寫入的行數則衡量寫入 D1 數據庫的行數。請注意，Cloudflare 對行掃描收費，而不是對查詢返回的行數收費。因此，在使用 Cloudflare D1 時，使用索引優化數據庫對于降低成本至關重要。在表上定義索引可減少查詢在篩選該索引字段時讀取的行數。
免費計劃包括 1GB 的存儲空間，而在付費計劃中，每增加 GB 數據需要支付 0.75 美元。
對于請求，在免費計劃中，您每天最多可以發出 5M 行讀取請求和 100,00 行寫入請求。在付費計劃中，您每月最多有 25B 行讀取請求和 50M 行寫入請求。其他請求的收費標準為每 1M 行讀取請求 0.001 美元，每 1M 行寫入請求 1 美元。
圖片
Vercel Images 是一項根據大小、質量、格式和像素密度等因素管理圖像上傳、優化和交付的服務。經過優化的圖像會自動緩存在 Vercel 邊緣網絡上，確保在再次請求時更快地交付給用戶。
使用該服務的最佳方式是與 Next.js、Astro 和 Nuxt 等框架集成。當您在每個框架中使用該 <Images> 組件并在 Vercel 上部署項目時，平臺會自動調整您的圖像并針對不同的屏幕尺寸進行優化。
Vercel Images 的定價基于計費周期內請求的唯一源圖像數量。源圖像是傳遞給 src 屬性的值，可以生成多個不同大小和質量的優化圖像。
免費計劃包括 1000 個源圖像請求，而 Pro 計劃包括 5000 個源圖像請求，每 1000 個源圖像收費 5 美元。
此外，將優化圖像從 Vercel 的邊緣網絡傳送到客戶端時使用的帶寬需要付費。
Cloudflare Images 是 Cloudflare 的一項類似服務，用于管理來自 Cloudflare 邊緣網絡的圖像的上傳、優化和交付。圖像會自動調整大小、壓縮并轉換為適合用戶設備和網絡條件的最有效格式。
您可以通過 Cloudflare 控制面板或 Cloudflare API 將圖像上傳到 Cloudflare Images。上傳后，您可以直接通過 Cloudflare CDN 或 Cloudflare API 訪問圖像。
上傳圖像后，可使用圖像變體調整圖像大小，以適應不同的使用情況。默認情況下，圖片使用公共變體提供，但您也可以針對不同的屏幕尺寸、設備和網絡條件創建多達 100 個自定義變體。您還可以在通過 URL 或 Cloudflare Workers 請求時轉換圖像，但請注意，轉換與交付的圖像分開計費。
Cloudflare Images 定價基于后付費模式，根據每月交付、轉換和存儲的圖像總數收費。
如果您將圖片存儲在 Cloudflare Images 中，則每存儲 100,000 張圖片收費 5 美元，瀏覽器請求并交付給用戶的圖片每 100,000 張收費 1 美元。如果您對存儲在其他地方（如 S3 或 R2 存儲桶）的圖片進行優化，則不會對交付的圖片計費。
除了存儲和交付圖像外，您還可以對轉換的圖像收費。唯一轉換是指轉換原始圖像的請求，每 100,000 次轉換收費 0.50 美元。轉換價格不包括您之前設置的款式/規格。
通過查看 Vercel 和 Cloudflare 的功能和定價，我們可以看到 Cloudflare 是 Vercel 在 2024 年提供的所有主要服務的絕佳替代品。
如果您需要 Vercel 的替代方案來托管您的網站或 Web 應用程序：Cloudflare Pages。如果您需要 Vercel 的替代方案來運行無服務器功能：Cloudflare Workers。如果您需要 Vercel 的替代方案來存儲數據：Cloudflare KV 和 Cloudflare D1。如果您需要 Vercel 的替代品進行圖像優化：Cloudflare Images。
當然，您不需要將整個應用程序遷移到 Cloudflare，完全離開 Vercel。您可以像 Ilias 一樣采用混合方法，僅將應用程序的某些部分遷移到 Cloudflare，從而做出更好的開發選擇并優化您的網站或應用程序，以降低成本并提高性能。
您也可以采取緩慢的方法，逐步將應用程序遷移到 Cloudflare，從應用程序中最關鍵的部分開始，然后根據需要移動其余部分。
原文：https://flaremingo.com/blog/cloudflare-vs-vercel-in-depth-comparison/
本文鏈接：http://www.tebozhan.com/showinfo-26-87501-0.html為什么 Cloudflare 是 2024 年 Vercel 的最佳替代品？生態系統與價格比較
聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。郵件：2376512515@qq.com
上一篇： 你不知道的JavaScript—深入理解JavaScript類型和語法
下一篇： 初學者易犯的四個Python錯誤！
Copyright ? 2016-2023 天津谷騏科技有限公司 版權所有 sitemap.xml
違法及侵權請聯系：2376512515@qq.com 津ICP備18001702號
津公網安備 12010102000574號