iT邦幫忙

2024 iThome 鐵人賽

DAY 3
0

今天要來規劃這個網站的架構,我的想法是網站將部署在 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的資料庫,具有分散式部署的特點,可以提高載入的速度和效率。用來儲存網站的日誌文章、使用者資料等內容。

系統流程

  1. 前端請求:用戶在網站上操作,例如發表日誌或查看資料,請求將從前端發送到後端的Cloudflare Workers。
  2. Cloudflare Workers處理請求:Cloudflare Workers 將接收到API請求,負責處理邏輯。
  3. Turso資料庫交互:Cloudflare Workers 通過與 Turso 資料庫的連接,來讀取或寫入資料。例如讀取文章或存儲新文章。
  4. 前端顯示結果:前端接收到Cloudflare Workers返回的資料後,更新UI,顯示文章內容。

部署

  • 前端部署:將React.js部署到 Cloudflare Pages,確保前端擁有 Cloudflare 邊緣網路的優勢。
  • 後端部署:使用 Cloudflare Workers 來執行後端邏輯,省去傳統伺服器的運維需求。
  • 資料庫:將 Turso 資料庫作為後端存儲解決方案,利用它的分散式特性來快速響應全球不同區域的請求。

上一篇
Day 2 | 網頁功能規劃
下一篇
Day 4 | 邁出實作的第一步
系列文
關於我在30天內,寫了一個紀錄我大學生活的網站5
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言