部署到網路

讓你專案上線給全世界看

⏱ 預估 ~9 分鐘

01 · 讀一讀

你目前蓋的一切跑在 localhost — 你自己電腦。沒人看得到。這現在改變。

部署表示把你應用程式放到 24/7 連網的 server，讓有 URL 的人都能用。聽起來複雜，但現代平台讓它非常簡單。你 push 程式碼，他們處理其他。

我們用 Render 因為它有大方免費層、直接跟 GitHub 運作、要零 server 設定。你 app 幾分鐘內就上線。

💡 想像一下localhost 像在廚房做飯 — 只你家人吃得到。部署像開餐廳：任何人從任何地方都能進。Render 像已經設好的餐廳空間，有廚房、桌、地址 — 你只要帶食物（你的程式碼）。

Render 部署步驟（免費層）。照順序走，你約 10 分鐘有 live URL。

確認你專案 commit 跟 push 到 GitHub repository。Render 從 GitHub 直接拉你程式碼，所以一切要最新。

用 'Sign up with GitHub' 設定最容易。讓 Render 不用額外設定存取你 repo。

點 'New' → 'Web Service' 連你 GitHub repo。Render 會問部署哪個 repo。

Build command:npm install。Start command:node app.js。這些告訴 Render 怎麼設定跟跑你 app。Build command 裝相依套件，start command 啟動你 server。

複製你 .env 值到 Render 環境設定。永不 commit 它們到 git — 直接在 Render 後台輸入。每個 key-value 對分開進。

點 Deploy 等 build。你會看到 log 即時串流。狀態變綠，你 app 在 .onrender.com URL live、可以分享給任何人。

用這清單部署你專案。慢慢來 — 第一次部署永遠要試幾次、完全正常。

你 push 程式碼到 GitHub 時，像 Render 這種部署平台做什麼？

部署 Node.js app 時，平台要知道 _____ 指令啟動你 server(例 'node app.js')。

花一刻欣賞剛發生什麼。世界另一端的人現在能打你 URL、用你蓋的東西。你寫程式、你部署、它現在在真實 server 跑。

這是大部分工程師永遠記得的時刻 — 第一次他們專案上線。

你 .env 檔有資料庫密碼跟 API key。部署到 Render 時，你該怎麼處理這些值？

在 Render 部署 Node.js app 時，_____ 指令（例 'npm install'）告訴平台怎麼設定你專案的相依套件。

⚠ 完整互動體驗需要 JavaScript。請啟用 JavaScript 後重新整理。

※ 本站為獨立繁中教學專案，非 Anthropic 官方產品。Claude™ 為 Anthropic, PBC 商標。