AI 寫好的 Node.js 網站如何上線？從佈署到設定個人網域全攻略

現在你可以對著 AI 說：「幫我寫一個可以記錄筆記的 Node.js 網站」，它會立刻吐出完整的程式碼。但對於非開發者來說，最難的一步往往是：「這份程式碼要放哪裡，別人才能用網址連進來？」

佈署就像是幫你的 AI 網站找一個「雲端房東」，而設定網域則是幫它掛上一個「專屬門牌」。

一句話重點

透過 Vercel 或 Railway 等平台，你可以將 GitHub 上的程式碼一鍵佈署上線，並透過簡單的 DNS 設定，將你在 Godaddy 或 Namecheap 購買的網域指向這些平台。

它解決什麼問題？

在過去，佈署網站需要租用 VPS、設定 Linux 環境、安裝 Nginx。對於只想快速上線 AI 實驗專案的人來說，門檻太高。現代的 PaaS (平台即服務) 解決了繁瑣的伺服器管理問題，讓你只需專注於寫好（或叫 AI 寫好）程式碼。

核心步驟：從程式碼到上線

1. 將程式碼推送到 GitHub

這是所有現代佈署的基礎。不管你的 AI 寫了什麼，先建立一個 GitHub 倉庫（Repository）並將程式碼上傳。這是 AI 與佈署平台之間的橋樑。

2. 選擇佈署平台

根據你的 Node.js 應用類型選擇：

• Vercel (推薦給 Next.js/前端為主)：完全自動化，速度極快，且有強大的免費額度。
• Railway / Render (推薦給後端/資料庫)：如果你需要跑持續性的後端服務（如 Express）或需要資料庫（MongoDB, PostgreSQL），這類平台更合適。
• Cloudflare Workers：如果你的應用很精簡且追求極速。

3. 連結 GitHub 並佈署

在這些平台上點擊「New Project」，選擇你的 GitHub 倉庫，平台會自動偵測這是一個 Node.js 專案並開始構建。幾分鐘後，你就會得到一個預設網域（如 my-ai-site.vercel.app）。

那如果有資料庫（Database）呢？

如果你的 AI 網站需要儲存使用者資料（例如註冊帳號、儲存筆記），你就需要一個資料庫。同樣地，我們不需要自己架設資料庫伺服器，而是使用「託管式資料庫 (Managed Database)」。

1. 選擇資料庫服務商

• MongoDB Atlas：如果你使用的是 NoSQL (MongoDB)，這是官方提供的雲端服務，有非常慷慨的免費額度。
• Neon / Supabase：如果你使用的是 PostgreSQL，這兩者是目前 AI 開發者最愛的選擇。Neon 支援自動縮放，Supabase 則提供了完整的後端工具組。
• Railway 內建資料庫：如果你佈署在 Railway，你可以直接在同一個專案裡新增一個 MySQL 或 PostgreSQL 容器，資料傳輸速度最快。

2. 取得連接字串 (Connection String)

在資料庫平台建立好資料庫後，你會得到一串類似這樣的網址： postgres://user:password@hostname:port/database

3. 設定環境變數

回到你的佈署平台（如 Vercel 或 Railway），在 Environment Variables 中新增一個變數，通常命名為 DATABASE_URL，並將上面的字串貼進去。

4. 讓程式碼讀取資料庫

確保你的程式碼是讀取這個環境變數，而不是寫死在程式碼裡：

const dbUrl = process.env.DATABASE_URL;
// 使用 dbUrl 連接資料庫...

如何關聯到自己買的網域？

有了網站後，你一定希望網址是 www.yourname.com 而不是長長的預設網址。

第一步：在佈署平台新增網域

在 Vercel 或 Railway 的「Settings > Domains」標籤中，輸入你購買的網域。系統會提示你需要設定的 DNS 紀錄。

第二步：到網域註冊商設定 DNS

登入你買網域的地方（如 Godaddy, Cloudflare, Namecheap），找到 DNS 管理 (DNS Management)。

常見的兩類設定方式：

1. CNAME 紀錄 (推薦用於子網域)：
   • 類型：CNAME
   • 名稱 (Name)：www
   • 目標 (Value)：指向佈署平台提供的位址（例如 cname.vercel-dns.com）。
2. A 紀錄 (用於主網域)：
   • 類型：A
   • 名稱 (Name)：@ (代表主網域)
   • 目標 (Value)：指向平台提供的 IP 地址。

第三步：等待生效與自動 SSL

設定完成後，通常需要幾分鐘到 24 小時（DNS 傳播）。一旦生效，佈署平台會自動幫你申請 SSL 憑證 (HTTPS)，你的網域就會出現安全鎖頭圖示了！

佈署方案比較

非工程背景的人需要知道什麼？

「網域」跟「佈署」是兩件事。你可以想像網域是你在 Godaddy 租的「招牌」，而佈署是你在 Vercel 租的「店面」。你必須在招牌（DNS 設定）上寫清楚店面的地址，客人才找得到你的店。

可能遇到的坑？

• 環境變數 (Environment Variables)：如果你的 AI 網站需要調用 OpenAI API，絕對不要把 API Key 寫在程式碼裡推送到 GitHub。請在佈署平台的「Environment Variables」設定區填入你的 OPENAI_API_KEY。
• 連接埠 (Port)：Node.js 應用通常需要聽取一個 Port。在雲端平台上，請確保你的程式碼使用 process.env.PORT 而不是固定的 3000。

目前可以怎麼開始？

1. 叫 AI 寫一個簡單的 index.js (Express) 專案。
2. 開啟 Vercel 帳號並連結 GitHub。
3. 買一個網域，照著 Vercel 提供的 IP 或 CNAME 設定 DNS。
4. 恭喜！你的 AI 網站正式誕生於互聯網。

我們的觀察

隨著「自然語言程式開發」的普及，最後的門檻只剩「運維 (Ops)」。但像 Vercel 這樣的平台正在把運維變得跟發貼文一樣簡單。未來，我們預期會看到更多「隨開即用」的 AI 模板，讓發布一個具備 AI 能力的網頁就像建立一個 Notion 頁面一樣快速。

來源

• Vercel 官方文件：https://vercel.com/docs
• Railway 佈署指南：https://docs.railway.app/
• 查閱日期：2026-06-14