部署跟慶祝
把你遊戲放網路完成課程
⏱ 預估 ~8 分鐘
01 · 讀一讀
這是整門課最後一課。
你即將部署即時多人遊戲到網路。有 URL 的人都能玩。不同洲的兩陌生人能開你連結即時玩 tic-tac-toe。
你蓋的。從不知道終端機是什麼到部署 WebSocket 驅動的多人遊戲。那是真旅程。
重點整理
- Render 代管支援 WebSocket 的 Node.js app
- 部署用 Level 4 的 git push 流程
- 你遊戲會給網路任何人存取
- 這是最後一課 — 你學了課程一切
02 · 步驟說明
把你 tic-tac-toe 遊戲部署到 Render 當 Web Service。每步小心照。
1. 登入 Render
去 render.com 用 GitHub 帳號登入。沒 Render 帳號就建一個 — 免費層夠用。
2. 建新 Web Service
點 'New' → 'Web Service'。連你 GitHub repo — 你上一課 push 的。Render 自動偵測 Node.js app。
3. 設定服務
Build command 設 'npm install'、start command 設 'node server.js'。免費 plan 可以。任何 region 都行 — 挑最近你的 latency 最佳。
4. 部署
點 'Create Web Service'。Render clone 你 repo、跑 npm install、啟你 server。看部署 log — 該看到 'Server listening on port...' 準備好時。
5. 拿你 URL
部署後,Render 給你像 your-app-name.onrender.com 的 URL。在瀏覽器開 — 你該看到遊戲。第二分頁(或傳朋友)開玩網路真遊戲。
04 · 讀一讀
免費層要知道一件事: Render 免費 plan 15 分鐘無活動後 spin down 你服務。Spin-down 後第一訪客等約 30 秒喚醒。之後正常跑。
這對作品集 OK。要永遠開,Render 付費 plan 每月幾塊起。但秀你蓋的,免費層運作得很好。
重點整理
- 免費層 15 分鐘無活動後睡
- 睡後第一請求 ~30 秒(冷啟)
- 喚醒後正常速度
- 付費 plan 需要永遠開就移除睡覺行為
05 · 確認清單
最終驗證。每項勾確認你專案完成。
- 遊戲部署、透過公開 URL 可存取
- 兩玩家能配對即時玩
- Disconnect 處理正確運作
- GitHub README 解釋專案是什麼跟怎麼跑
- Git 歷史有乾淨、有意義 commit
- 程式裡沒留 debug console.log
06 · 讀一讀
你做到了。
想你從哪開始。你不知道檔案路徑是什麼。你沒開過終端機。Git 是謎。API 是流行詞。
現在你走訪了檔案系統、從命令列管理檔、用 git 追程式、push 到 GitHub、蓋 Node.js server、呼叫真 API、用 Claude Code 當配對程式夥伴、部署即時多人遊戲到網路。
你不再「在學寫程式」了。你是蓋東西的人。終端機是你工具。Claude Code 是你夥伴。網路是你平台。
每個專業工程師都從你現在位置開始 — 一個完成專案跟能蓋下個的信心。那信心是真畢業。
去蓋東西。
重點整理
- 你從零終端機知識到部署多人遊戲
- 你學的技能 — 終端機、git、Node.js、API、Claude Code — 是專業每天用的同樣工具
- 一個完成專案加上蓋下個的信心 — 那是重要的
- 這不是終 — 是起跑線
07 · 選擇題
你完成課程。你發展的最重要技能?
- 背終端機指令
- 拆問題、有效用工具、蓋真東西的能力 — 即使你還不知道所有
- 背每個 JavaScript 函式
- 能很快打指令
⚠ 完整互動體驗需要 JavaScript。請啟用 JavaScript 後重新整理。
※ 本站為獨立繁中教學專案,非 Anthropic 官方產品。Claude™ 為 Anthropic, PBC 商標。