官方帳號的
官方帳號如果只有對話，顧客想知道自己的點數、還剩幾次預約，仍然得重新問一次；同一個帳號的顧客端本來就該有地方自己查、自己約。 好客把顧客端做成 LIFF 形狀的入口：登入取得 idToken，交給後端驗簽後才綁定會員，會員卡與點數由訂單推導，預約寫回與 Chime 後台共用的那一份資料。
這個示範裡有什麼
- 會員綁定：用 LINE 登入取得 idToken，情境面板顯示三段結構與解碼後的 claims
- 四個分頁：會員卡、預約、我的預約與我的訂單，未綁定前不會顯示內容
- 會員卡與點數由訂單推導，等級與綁定禮一起顯示，不是另外存一份數字
- 自助預約可選服務與時段，並能取消自己未來的一筆預約
- 驗證用的 API：
/api/demo-line/liff/verify，把 idToken 轉交 LINE 驗證
登入、
- 01顧客從圖文選單點進 LIFF官方帳號的圖文選單把顧客帶進顧客端入口；畫面用 LINE 的 LIFF SDK 登入並取得 idToken，而不是把前端拿到的 userId 直接當成身分。
- 02後端驗 idToken 才綁定idToken 送到 /api/demo-line/liff/verify，後端轉交 LINE 的驗證端點，逐項檢查簽章、aud 與 exp；全部通過才寫入綁定，被拒絕會說明原因。
- 03自助預約寫回同一份資料顧客選服務與可用時段送出預約，寫進與 Chime 後台同一份示範資料；後台預約總表會把這一筆標成「自助預約（LIFF 示範）」，顧客也能取消自己未來的一筆預約。
能操作的
你可以操作
- 選一位示範帳號按下模擬 LINE 登入，看 idToken 的三段結構與解碼後的 claims
- 把 idToken 送到後端驗簽、比對 aud 與 exp，通過才綁定會員；簽章或 aud 不對會被擋下
- 會員卡顯示由訂單推導的點數與等級，以及綁定禮與加入日
- 選服務與時段自助預約，或取消自己未來的一筆預約
- 回到 Chime 後台的預約總表，看同一筆預約標成「自助預約（LIFF 示範）」
示範限制
- 登入與 idToken 由 LINE 的 LIFF SDK 產生，後端再交給 LINE 的驗證端點，不是本站簽發的
- 登入時會連到 LINE 驗證身分；好客本身不發送訊息，也不會替官方帳號回覆
- 會員、點數、預約與訂單全部虛構，不是 hao-code 的真實委託
- 登入用的是真的 LINE 帳號，但綁定後的會員、點數與預約仍然是示範資料
- 資料只存在這個瀏覽器，不跨裝置，也不影響其他作品的工作區
- 角色切換是流程示範，不是正式帳號與權限隔離
從一次 LINE 登入開始。
建議先按「用 LINE 登入」，看 idToken 的三段結構與驗簽結果，再綁定會員、到「預約」選一個時段送出；最後開 Chime 後台的預約總表，看同一筆預約的來源標記。重設示範可隨時回到初始資料，不影響其他作品。
進入好客示範