這是最後一章,也是你日後最常回來翻的一章。我們把後半段全程用到的觀念,整理成可以隨時查閱的速查表。建議把這章存起來、需要時隨手對照。先從「術語一句話比喻」開始。
| 術語 | 一句話比喻 | 在本課專案裡是什麼 |
|---|---|---|
| 前端 Front-end | 餐廳外場:你看得到的畫面 | 上傳框、結果頁 |
| 後端 Back-end | 餐廳廚房:默默處理事情的地方 | 收檔、轉文字、呼叫 AI 的程式 |
| API | 服務鈴 / 服務生:前後端傳話窗口 | /api/upload |
| 伺服器 Server | 放廚房的房子(一直開著的電腦) | 本機,或雲端的 Vercel |
| Node / npm | 跑程式的引擎 / 採購建材的助手 | 讓網站在電腦上跑起來 |
| 套件 package | 別人寫好的現成功能零件 | pdf-parse(PDF 轉文字)等 |
| 環境變數 / .env.local | 放機密的保險箱 | 金鑰、試算表 ID |
| API 金鑰 | 通行鑰匙(會員卡) | GEMINI_API_KEY |
| 服務帳號 | 24 小時待命的機器員工 | drive-uploader@... |
| 配額 quota | 系統給你的可用額度 | 服務帳號「沒有」硬碟配額 |
| Git / GitHub | 本機存檔系統 / 雲端倉庫 | 管理與備份程式碼 |
| commit / push | 建立存檔點 / 上傳到雲端 | 更新程式到 GitHub |
| 部署 deploy | 把網站搬到網路店面開張 | 上線到 Vercel |
| 靜態網站 / 全端 | 海報 / 有廚房的餐廳 | 本課是全端(有廚房) |