frontend、backend、資料庫、託管

我們再往深一層看，用我們的例子：一個使用者點選了 "儲存資料"。

frontend。 這是看得見的應用，跑在網頁瀏覽器裡，或者作為手機應用。它把表單畫出來，注意到點選，並收集使用者輸入的內容。它在設計上就是不可信的：任何人都能開啟它、檢查它、改動它。所以它的工作是好看、響應靈敏，而不是去執行任何重要的東西。

backend。 當按鈕被點選時，frontend 把資料發給 backend——也就是跑在伺服器上的程式碼。backend 檢查使用者是否已登入、校驗資料（"這真的是一個郵箱地址嗎？"）、套用業務規則，然後才把它儲存下來。信任就住在這裡，因為使用者沒法篡改它。

資料庫。 backend 把資料交給資料庫去儲存。它不是什麼魔法盒子——你可以把它想成一組非常嚴格的電子表格（叫做表 / table），能夠瞬間被檢索、並且永遠不會忘記。到了明天，backend 再把這份資料讀出來重新顯示。

託管。 在 prod（生產）環境裡，這一切都不會跑在你的筆記本上。它們跑在從託管服務商那裡租來的電腦上，比如 Cloudflare、Vercel，或者某個雲平臺。託管就是讓你的應用能夠通過一個真實的網址被訪問到，而不僅僅是在你自己的機器上。

一個有用的直覺：當某個東西壞了的時候，問問是哪一層。"按鈕點了沒反應" 是 frontend。"它存錯了東西" 通常是 backend。"它把我的資料忘了" 指向資料庫。說出是哪一層，問題就解決了一半——同時也是寫出一個 AI 能照著乾的 prompt 的一半。