2025-07-01 Line 訂單系統-階段G

發表於 分類於 閱讀次數：
2025-07-01 Line 訂單系統-階段G

2025-07-01 Line 訂單系統-階段G

🅶 階段 G：上線與部署

🎯 目標

將專案上線（Render / Railway / PlanetScale / MongoDB Atlas）。

🔧 步驟

1️⃣ 部署後端到 Render

  1. 登入 Render
  2. 點「New → Web Service」
  3. 連接你的 GitHub 專案
  4. 選 root 路徑為 backend/
  5. Build Command: npm install
    Start Command: node index.js

2️⃣ 部署前端到 Netlify

  1. 到 Netlify
  2. Import from GitHub → 指定 frontend 資料夾
  3. Build Command：npm run build
  4. Publish Directory：dist

3️⃣ 改 Webhook URL 為正式網址

LINE Developers → Webhook → https://你的Render網址/line/webhook

🧪 Checkpoint

✅ LINE 訊息 → 後端回覆 → DB 寫入成功
✅ 管理後台能顯示正式資料
✅ HTTPS 安全運作

✅ 完成後成果

🎉 你將擁有一個：

  • Vue3 + Node.js + MySQL 的完整 LINE 訂單系統
  • 支援雲端部署（Render / Netlify / PlanetScale）
  • 可擴展聊天記錄（MongoDB）與快取（Redis）
  • 可複製、改成其他業種（如外送、預約、服務登記）