今天是鐵人賽 Day27,目標是將後端 API 部署到 Render,設定環境變數,並確認商品列表、會員與購物車功能能透過線上 API 正常運作。
1️⃣ 後端部署到 Render
專案上傳至 GitHub,連結 Render 進行部署
選擇 Node.js 專案、同一地區(Region)以利網路通訊
Render 自動安裝依賴並啟動伺服器
部署完成後獲得線上 URL:
https://ironman-store.onrender.com
2️⃣ 設定環境變數
在 Render 專案的 Dashboard 設定環境變數(Environment Variables):
MONGODB_URI=MongoDB 連線字串
JWT_SECRET=JWT 秘密金鑰
PORT=10000 # 可自訂
後端 index.js 使用 process.env.MONGODB_URI、process.env.JWT_SECRET 與 process.env.PORT
3️⃣ 測試 API 功能
透過 Postman 或瀏覽器測試各 API:
商品列表 GET:https://ironman-store.onrender.com/api/products
會員註冊 / 登入 POST:https://ironman-store.onrender.com/api/auth/register / login
購物車 GET / POST / PUT / DELETE:https://ironman-store.onrender.com/api/cart
測試結果:所有功能正常回傳資料,後端部署成功
4️⃣ 後端測試路由
在 index.js 新增 /api 測試路由,方便確認後端運作:
app.get("/api", (req, res) => {
res.send("Ironman Backend API 🛡️ Running!");
});
打開瀏覽器輸入 https://ironman-store.onrender.com/api 即可看到訊息
💡 Day27 收穫