LINE 底部選單打不開 LIFF 頁面怎麼辦

點選 LINE 聊天窗下方 Rich Menu（選單）出現「無法打開頁面，請檢查網路連結」時的排查與修復步驟。

LINELIFF

回答

在 LINE 與 DodoAI 官方帳號聊天時，點視窗下方 「選單」（Rich Menu 四格）應開啟 LIFF 頁面（YOYO、我的、升級、我的空間等）。

若出現 LINE 原生提示：「無法打開頁面，請檢查網路連結，然後再試一次。」 通常是 LIFF 設定或 Rich Menu 連結 問題，而不是您手機網路本身。

原因	說明
未設定 LIFF_ID	line-api 線上 ENV 缺少 `LIFF_ID`，Rich Menu 無法生成正確的 `liff.line.me` 深鏈
Rich Menu 仍是舊連結	曾用 ngrok / 測試 LIFF ID 發布過選單，生產未重新 provision
LIFF Endpoint 配錯	LINE Console 裡 Endpoint 寫成 `https://app.dodoai.jp/liff`（多一層 `/liff`），實際會請求 `/liff/liff/…` 導致載入失敗
Endpoint 指錯網域	指到了 line-api 網域而非 `https://app.dodoai.jp`

自檢 API（瀏覽器或 curl）
GET https://<line-api 網域>/api/line-messaging-status
確認：
- liffIdConfigured 為 true
- liffAppOrigin 為 https://app.dodoai.jp
- richMenuSampleUrls 中連結形如 https://liff.line.me/{LIFF_ID}/liff/yoyo
管理台線上 ENV（服務 ai-dodoai-line-api）
- 填寫 LIFF_ID（LINE Developers → LIFF 應用 ID）
- 確認 LIFF_CHANNEL_ID 已填
- ALLOWED_WEB_ORIGINS 含 https://app.dodoai.jp 與 https://liff.line.me
LINE Developers Console（Messaging API 同一 Channel）
- LIFF → Endpoint URL：https://app.dodoai.jp（僅根網域，無 /liff 後綴）
- Scope 含 profile、openid

重新發布 Rich Menu（在已設定 LIFF_ID 後）

cd ai-dodoai-line-api
npm run rich-menu:provision -- --image ./assets/rich-menu-4.png

重新部署 ai-dodoai-line-api 與 ai-dodoai-app，並在 LINE 裡 關閉聊天再進入 或 重新關注 以重新整理選單快取。