今天要來規劃這個網站的架構,我的想法是網站將部署在 Cloudflare Workers 上,並使用 Turso 作為資料庫。
架構總覽
這個網站的整體架構是前後端分離,依靠 Cloudflare Workers 作為前端和後端的部署平台,並且使用 Turso 來處理資料庫操作。Cloudflare Workers 提供擴展性強的Serverless環境,Turso 則是現代、分散式的SQLite資料庫,適合儲存網站的動態內容。
前端
-
Cloudflare Pages 部署靜態網頁內容
-
React.js:管理前端邏輯和UI組件,讓專案更加模組化。
-
Axios:用來與Cloudflare Workers上的API進行資料交換。
後端
-
Cloudflare Workers:負責後端邏輯的無伺服器運行環境。所有API請求都在Cloudflare Workers內處理,並跟Turso資料庫交換資料。
-
Turso(分散式SQLite資料庫):Turso 是基於SQLite的資料庫,具有分散式部署的特點,可以提高載入的速度和效率。用來儲存網站的日誌文章、使用者資料等內容。
系統流程
-
前端請求:用戶在網站上操作,例如發表日誌或查看資料,請求將從前端發送到後端的Cloudflare Workers。
-
Cloudflare Workers處理請求:Cloudflare Workers 將接收到API請求,負責處理邏輯。
-
Turso資料庫交互:Cloudflare Workers 通過與 Turso 資料庫的連接,來讀取或寫入資料。例如讀取文章或存儲新文章。
-
前端顯示結果:前端接收到Cloudflare Workers返回的資料後,更新UI,顯示文章內容。
部署
-
前端部署:將React.js部署到 Cloudflare Pages,確保前端擁有 Cloudflare 邊緣網路的優勢。
-
後端部署:使用 Cloudflare Workers 來執行後端邏輯,省去傳統伺服器的運維需求。
-
資料庫:將 Turso 資料庫作為後端存儲解決方案,利用它的分散式特性來快速響應全球不同區域的請求。