Learning Path 03
Web App
前面你已經會做會互動、會讀 API 的前端。現在把另一半補起來:自己建立 backend、保存資料、辨認使用者、保護秘密,最後把整個應用部署到真正的網路環境。
完成一個有 API、持久資料、登入與部署的 Web App
你會分清 frontend / backend 邊界,建立自己的 HTTP API,把資料放進 database,加入 authentication 與基本權限,再把環境設定、GitHub 與部署流程接起來。
Frontend / Backend:建立第一個自己的 API
第一次啟動 server process,理解 request、response、route、status code,以及為什麼 backend 不是「另一種 JavaScript 畫面」。
Request / Route:讓 API 真的接收資料
處理 method、path、query、JSON request body 與基本 validation,從固定 endpoint 走到真的能查詢與建立資源的 API。
Database:資料不要在重開 server 後消失
用 SQLite 理解 table、row、primary key、SQL 與 CRUD,並用 prepared statements 把 API 接到真正的持久資料層。
Auth:誰是誰?誰可以做什麼?
拆開 authentication / authorization,完成註冊、密碼雜湊、session cookie、受保護 route 與 owner-based 權限。
Secrets、Validation、CORS:把邊界守好
把 secrets 移出 source、集中 validation、整理 error responses,並理解 CORS、credentials 與 cookie-based Auth 的 CSRF 邊界。
GitHub 與 Deployment:讓 Web App 真正上線
把 GitHub、Workers Static Assets、D1、migration、production secrets 與 auto deploy 接起來,理解 local 和 production runtime 的差別。
小專案:做一個有資料與登入的 Web App
整合 frontend、API、D1、register / login、session、owner-based CRUD、validation、secrets、migration 與 production deployment。