Road-Camera 智慧交通與環境防災監控系統架構

Road-Camera 智慧交通與環境防災監控系統架構 An architecture diagram generated by Archify. 使用者終端 / PWA · 即時動態看板 & 地圖 · Architecture component · SPA / PWA 使用者終端 / PWA 即時動態看板 & 地圖 SPA / PWA Cloudflare Pages · 靜態託管 / Service Worker · Cloudflare Global Edge Network Cloudflare Pages 靜態託管 / Service Worker Cloudflare Workers · API 代理 / 聚合 / 限流 · Cloudflare Global Edge Network Cloudflare Workers API 代理 / 聚合 / 限流 Workers KV & Cache · OAuth 權杖 / 熱點快取 · Cloudflare Global Edge Network Workers KV & Cache OAuth 權杖 / 熱點快取 Cloudflare D1 SQL · CCTV & 測站元數據 · Cloudflare Global Edge Network Cloudflare D1 SQL CCTV & 測站元數據 交通部 TDX 平台 · 台高鐵 / 捷運 / 公車 / 航運 · 台灣官方 Open Data 開放資料來源 交通部 TDX 平台 台高鐵 / 捷運 / 公車 / 航運 全臺道路 CCTV · 高公局 / 公路局 / 17 縣市 · 台灣官方 Open Data 開放資料來源 全臺道路 CCTV 高公局 / 公路局 / 17 縣市 中央氣象署 CWA · 氣象 / 雷達 / 地震 / 海嘯 · 台灣官方 Open Data 開放資料來源 中央氣象署 CWA 氣象 / 雷達 / 地震 / 海嘯 水利署 & 水保署 · 水庫 / 河川水位 / 土石流 · 台灣官方 Open Data 開放資料來源 水利署 & 水保署 水庫 / 河川水位 / 土石流 環境部 MOENV · 全台空氣品質測站 (AQI) · 台灣官方 Open Data 開放資料來源 環境部 MOENV 全台空氣品質測站 (AQI) 靜態載入 REST API 快取 / Token SQL 查詢 Cloudflare Global Edge Network 台灣官方 Open Data 開放資料來源 Legend Frontend Backend Database Cloud External

邊緣運算與快取

  • • Cloudflare Pages 邊緣 CDN 加速靜態檔案與 PWA
  • • Workers 微服務負責 API 權杖、限流與資料轉換
  • • KV + Cache API 降低對外部開放資料頻繁請求

多源資料聚合

  • • TDX 軌道/公車/航運即時動態與月台 PIDS
  • • 全台國道/省道/快速道路/縣市 CCTV 串流
  • • 氣象署/水利署/農村水保署/環境部即時監控

高擬真看板視覺化

  • • 台鐵/高鐵/捷運旅客月台資訊系統 (PIDS) 模擬
  • • 全台互動地圖整合雷達、降雨量與水情燈號
  • • 深色模式、離線快取與跨裝置響應式設計