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 したまま本番で再 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 再 provision（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 で チャットを閉じて再入場 または 再フォロー でメニューキャッシュ更新。