在台灣,中小企業常因缺乏彈性的網站系統而受限。本系列將分享如何運用 LINE 官方帳號、Messaging API 與 LIFF,結合 Node.js、MongoDB、Redis,打造一個簡單易用的訂單系統。內容包含訂單建立、通知、狀態管理、後台設計,並探討金流串接與未來與電商平台整合的可能性。
昨天我們完成了使用者在 LINE 上的完整下單流程,但資料僅存在伺服器記憶體,一旦重啟就會消失。今天,我們要設計後端 API,將訂單資料寫入 MongoDB,讓...
昨天我們成功將訂單寫入 MongoDB,今天要進一步解決「通知店家」的問題。 顧客下單後,管理者不能每天盯著資料庫,因此需要透過 LINE Push API,自...
昨天我們完成了「新訂單通知」,店家能即時收到顧客下單提醒。 但訂單不是單純存起來就結束,還需要隨著處理流程而變化。例如:等待處理(Pending)、製作中(In...
昨天我們為店家實作了訂單狀態管理(Pending → In Progress → Completed)。 但顧客也需要隨時知道自己的訂單進度。 今天要實作「查詢...
昨天我們完成了顧客查詢訂單狀態,現在要進一步改善「下單體驗」。 聊天式流程適合 Demo,但在真實商業場景中,表單往往更直觀。 今天我們將利用 LIFF (LI...
昨天我們設計了 LIFF 訂單表單(前端 UX + 驗證),但要真正跑起來還需要部署方式與 LINE 綁定。 今天將帶你用「純靜態檔 + ngrok」快速讓表單...
小提醒!昨天的 LIFF 表單在存入 orders 資料表時,欄位有變動,大家可依個人需求作欄位的調整!若不想調整,想直接沿用 Day 11 所建立的 sch...
昨天我們建立了 Admin 後台雛形與登入頁面,但目前的登入流程仍是假裝的(輸入什麼都能進 Dashboard)。 今天要導入真正的 身分驗證機制,利用 JWT...
Day 19:跨域的絆腳石 —— CORS 問題與後台 API 串接 昨天我們在後端導入了 JWT,讓 Admin 後台登入流程更安全。 但當前端開始呼叫後端...
昨天我們解決了 CORS 問題,並讓後台可以成功串接 API 顯示訂單列表。 但一個訂單系統如果只能「看」卻不能「管」,店家仍然無法真正運作。 今天我們要在後台...