雲頂 (Cloudflare) 免費無伺服器部署方案
簡介
Cloudflare Pages
Cloudflare Pages 是一个用于部署静态网站和前端应用的平台。它专注于提供快速、安全的全球静态内容交付。你可以将你的代码存储在 Git 仓库(如 GitHub、GitLab、Bitbucket)中,Pages 会自动构建和部署你的应用。
核心特点:
自动构建与部署: Pages 能够自动检测 Git 仓库的变化,并根据你的配置构建和部署你的静态站点。
全局 CDN: 利用 Cloudflare 的全球 CDN 网络,确保你的站点在全球范围内快速加载。
免费套餐: Cloudflare Pages 提供了一个慷慨的免费套餐,非常适合个人项目和小型网站。
自定义域名: 支持自定义域名,你可以将 Pages 部署的站点绑定到你自己的域名上。
适用场景:
个人博客
文档站点
作品集网站
优势:
易于使用: 非常容易上手,配置简单。
高性能: 利用 Cloudflare 的 CDN 网络,提供出色的性能。
自动化: 自动构建和部署,节省时间和精力。
免费套餐: 免费套餐适合大多数小型项目。
与 Git 集成: 无缝集成 Git 仓库,方便代码管理。
雲服務
Cloudflare Workers 是一个无服务器计算平台,允许你在 Cloudflare 的全球网络边缘运行代码。你可以在靠近你的用户的地方运行 JavaScript、WebAssembly 和其他代码,从而降低延迟并提高性能。
核心特点:
边缘计算: 代码在全球 Cloudflare 数据中心运行,靠近用户,降低延迟。
无服务器: 无需管理服务器,按需付费。
支持多种语言: 支持 JavaScript、WebAssembly (WASM) 和其他语言。
全局变量和绑定: 可以绑定到 Cloudflare 的其他服务,如 Workers KV (键值存储)、D1数据库。
中间件: 可以用作 HTTP 请求和响应的中间件,修改请求或响应的内容。
WebSocket 支持: 支持 WebSocket,可以构建实时应用。
流处理: 能够处理大型数据流。
适用场景:
API 网关
A/B 测试
身份验证
动态内容处理
WebSocket 应用
URL 重定向
安全策略执行
请求重写和路由
优势:
高性能: 边缘计算降低延迟。
可扩展性: 自动扩展,无需担心服务器容量。
灵活性: 可以构建各种应用程序,从简单的 HTTP 中间件到复杂的 API 网关。
全球网络: 利用 Cloudflare 的全球网络,覆盖全球用户。
低成本: 按需付费,节省服务器成本。
頁面與工作人員:

在許多情況下,Pages 與 Workers 可以一起使用。例如,你可以使用 Pages 部署你的前端應用程式,然後使用 Workers 來處理 API 請求或實現其他伺服器端邏輯。這種組合可以讓你充分利用兩者的優勢,建立高性能、可擴展的應用程式。
免費方案的限制

儘管存在這些限制,但對於小型專案、個人網站以及學習來說,免費方案已經足夠使用。
Cloudflare 帳戶
如果您還沒有 Cloudflare 帳戶,請先註冊一個免費帳戶:
這部分比較簡單且基礎,就不再詳細說明,只需要透過電子郵件註冊即可。Cloudflare 在電子郵件方面管理較為寬鬆,您也可以自行建立郵箱,只要能夠接收驗證碼即可。
https://dash.cloudflare.com/sign-up
頁面部署步驟
点击左侧的 Workers 和 Pages

點擊「建立」

點擊「頁面」

選擇建立方式:如果你已經在 GitHub 上建立了專案,或是有意將專案上傳到 GitHub,或是需要與他人共同開發,請選擇第一個選項。如果你的專案是個人專案,建議選擇第二個選項。
這裡使用直接上傳的方式進行示範。
請在此處輸入專案名稱,然後點擊「建立專案」。
請注意:如果您已經擁有域名,可以直接輸入,之後會使用自定義域名。若沒有,則在此處輸入專案名稱,將決定後續產生的免費域名。後續產生的域名格式為:專案名稱+(隨機字串)+.pages.dev。 輸入完畢後,請檢查一下。如果您的專案名稱與其他已重名,Cloudflare 會自動加上隨機字串,此部分無法移除,除非您更換專案名稱。

與其他人的專案名稱相同:

請確保您的專案名稱與其他專案不同。

點擊「從電腦選擇」。

目前有兩個選項,這兩個都可行,我會選擇將壓縮檔案上傳來進行示範。
當所有檔案都已上傳成功後,請點擊「發布網站」。

點擊連結,即可訪問網站。通常第一次部署需要一段時間。

更新專案。繼續點擊左側的「工作人員」和「頁面」。
進入您的專案。

點擊「建立」和「部署」

在此時,目前的頁面與第七步驟的頁面是相同的。

綁定個人網域 (可選)
返回您的專案
點擊「自定義域名」並點擊「設定自定義域名」

請輸入您自己的網域 (網域不一定需要託管在 Cloudflare 上)

如果您的網域名稱已經託管在 Cloudflare 上,可以直接確認,然後等待 10 分鐘,您的自定義網域名稱就會設定好。

如果您的網域沒有託管在 Cloudflare 上,您需要自行設定 CNAME。

點擊「開始」以設定 CMANE

在您的 DNS 提供商處新增這條 CNAME 設定,檢查 DNS 記錄會自動進行,您不需要點擊這個按鈕。
關於網域名稱,如果你想要購買一個價格便宜的網域名稱,我推薦你從「spaceship」購買一個 .數字.xyz 的網域名稱,價格非常便宜,不到 5 元。
https://spaceship.com
輸入一個由六個數字組成的、且易於記住的數字加上.xyz。
由於匯率變動,這裡的價格可能會略有不同。

我的帳單:

總結:
這份文件清楚地介紹了 Cloudflare Pages 和 Workers,並提供了 Pages 的部署步驟。文件的結構清晰,對比了 Pages 和 Workers 的特點、優勢和適用場景。Pages 的部署步驟截圖清晰,步驟詳細,很好地引導使用者進行部署。 域名推薦也比較務實,考量到低成本的需求。
由於 Workers 的部署步驟比 Pages 的部署步驟複雜得多。Workers 的部署步驟,會在後續的文章中說明 (尚未開始撰寫)。
結語
本文摘自「吾愛破解」作者 bob666zxj。主要原因是我們無線電領域的專家眾多,避免因冒進而產生的些許規則上的困惑,這個空間還是不錯的。因為既可以,又可以,所以希望轉發這篇文章能對大家有所幫助。