Deployment(部署)
把程式碼從筆電送上線
⏱ 預估 ~6 分鐘
01 · 讀一讀
你寫好了你的 app，它在筆電上跑得很好。但還沒有人能用 — 它只是你機器上的檔案。Deployment(部署) 就是把你的程式碼從筆電移到一台 server 上，讓全世界都能存取的過程。
想成寫書。你寫完了原稿（程式碼），現在要寄給出版社（代管服務），由他們印刷、放到書店（網際網路）。在你部署之前，你的 app 就只是一份私人原稿，只有你能讀。
重點整理
- Deployment = 讓你的 app 給網路上的真實使用者能用
- 你的程式碼從筆電搬到一台一直在跑的 server
- 熱門代管服務：Vercel、Netlify、AWS、Heroku、GitHub Pages
- 現代部署通常是自動化的 — push 程式碼，就上線
02 · 步驟說明
下面是部署一個現代 web app 的典型步驟。
1. 1. 程式碼在你筆電上
你在本機寫 app、測試。它在你機器上能跑，但只有你電腦開著時才能跑，也只有你能用。
2. 2. Push 到 GitHub
你把程式碼 push 到 GitHub repository。這把你的程式碼放到一個代管服務能存取的中央位置。GitHub 是你筆電跟 server 之間的中介。
3. 3. 代管服務拉你的程式碼
你的代管服務（像 Vercel、Netlify）跟你的 GitHub repo 連著。它偵測到有新程式碼被 push，就自動拉最新版下來。
4. 4. Build 跟 Run
代管服務裝相依套件、build 你的 app(編譯 TypeScript、打包檔案、優化圖片)，然後在他們的 server 上跑起來。
5. 5. 公開網址上線
你的 app 拿到一個公開網址，像 myapp.vercel.app 或 yourname.github.io。世界上任何人都能拜訪那個網址、用你的 app。它 24/7 都線上。
03 · 選擇題
什麼是 deployment?
- 在筆電上寫程式碼
- 把你的程式碼搬到 server，讓世界能存取
- 在本機測試你的 app
- 買網域名稱
04 · 讀一讀
現代的部署跟以前比起來幾乎是魔法。以前工程師要手動用 FTP 把檔案複製到 server。今天大部分團隊用 auto-deployment(自動部署，也叫 continuous deployment 或 CD)。
運作方式是：你把 GitHub repo 接到 Vercel 或 Netlify 這種代管服務。然後每次你 push 程式碼到 GitHub，代管服務自動偵測到變動、build 你的 app、部署新版。Push 到 GitHub，你的網站幾秒內就更新。
05 · 選擇題
你的 app 在 localhost:3000 跑得很完美，但別人都用不到。少了哪一步？
- 你需要寫更多測試
- 你需要先買網域
- 你需要把它部署到代管服務
- 你需要用別的語言重寫
06 · 填空
用自動部署的話，你每次 push 程式碼到 GitHub，代管服務就自動 _____ 你的 app。
⚠ 完整互動體驗需要 JavaScript。請啟用 JavaScript 後重新整理。
※ 本站為獨立繁中教學專案，非 Anthropic 官方產品。Claude™ 為 Anthropic, PBC 商標。