各店舖專屬 LINE 小程式進入點發行

LINE小程式 LIFF LINE官方帳號聊天選單 QR Code LINE登入進入點

ReceiptRoller 可為每個店舖 發行專屬的 LINE 小程式進入點網址。顧客可從已在 LINE 上使用的 LINE 官方帳號加為好友、聊天選單、QR Code 等入口，直接進入店舖專屬的 LINE 小程式。無需下載應用程式，也不需要切換瀏覽器。

本文說明各店舖進入點的機制、事前準備、設定步驟、顧客使用流程與疑難排解。

LINE 小程式是 在 LINE 應用程式內運作的小型應用程式。顧客可從 LINE 的聊天、聊天選單、QR Code 直接啟動小程式，並在小程式內完成出示會員證、預約、領取優惠券、確認公告等操作。

與原生應用程式（透過 App Store / Google Play 下載的應用程式）不同，顧客 不需要另外安裝應用程式。由於可透過在日本用戶數眾多的 LINE 觸及，是容易接觸到初次來店顧客的管道。

ReceiptRoller 的店舖應用程式平台雖然所有店舖共用同一個小程式基礎，但進入點網址會 依店舖個別發行。例如：

此設計為共用同一個小程式基礎，並透過網址參數切換店舖。當顧客從店舖A 的進入點進入時，會顯示店舖A 的標誌、會員證、選單。店舖端不需要另外建立各自的 LINE 官方帳號或各自的小程式。

店舖的 LINE 官方帳號 — 需要以 LINE Business ID（舊 LINE@）開設的帳號。若尚未開設，可從 LINE Business 免費開設
LINE Developers 帳號 — 綁定 LINE 官方帳號管理權限的 Developers 帳號
店舖應用程式的 Web 頻道已公開 — 以既定網址正常顯示的狀態

LINE 小程式的實體是 LIFF（LINE Front-end Framework）應用程式。LIFF 是在 LINE 應用程式內執行 Web 頁面的機制，透過 LINE 端發行的 LIFF ID 呼叫。

ReceiptRoller 負責管理小程式的程式本體，但 LIFF ID 需由店舖的 LINE Developers 帳號發行。透過此方式，小程式與 LINE 官方帳號能正確綁定，LINE 登入、加好友等功能才能連動。

在 LINE Developers 建立 LIFF 應用程式：在 LINE Developers 主控台開啟店舖的頻道，從「LIFF」分頁按下「Add」。端點網址欄請輸入 ReceiptRoller 指定的網址（詳見下文）
將 LIFF ID 登錄至 ReceiptRoller：開啟店舖管理畫面 →「店舖應用程式」→「LINE 小程式」，輸入發行的 LIFF ID
取得各店舖進入點網址：登錄後，店舖管理畫面會顯示各店舖的 LIFF 網址。這就是提供給顧客的公開網址
設定於 LINE 官方帳號的聊天選單：在 LINE Business Manager，將上述 LIFF 網址設定為聊天選單的連結目標
產生 QR Code：從店舖管理畫面的小程式畫面，可下載 LIFF 網址的 QR Code。請印刷於店頭立牌或收據上活用

若店舖經營多個分店，進入點網址會依店舖個別發行。將各店舖的 QR Code 張貼於店頭，顧客即可存取該店舖的會員證、預約、優惠活動資訊。

也可從單一 LINE 官方帳號引導至多個店舖。可在聊天選單並列「店舖A」「店舖B」按鈕，分別指向不同的進入點。

啟動小程式時，顧客會透過 LINE 登入方式登入 ReceiptRoller。透過此方式：

由於 LINE 登入使用 LINE 端的安全性基礎，不需要另外輸入 ReceiptRoller 專屬密碼。

開啟 LIFF 網址卻無法啟動：請確認 LIFF ID 登錄是否正確，以及 LIFF 應用程式的端點網址是否與 ReceiptRoller 指定的網址一致
顯示「無效的 LIFF ID」：請確認 LINE Developers 主控台端的 LIFF 應用程式是否為「公開」狀態
未顯示加 LINE 官方帳號為好友的提示：請確認 LINE Developers 的「已連結的機器人」設定中，小程式與官方帳號是否正確綁定
發佈了錯誤的各店舖進入點網址：請從管理畫面的「LINE 小程式」畫面重新取得正確網址，並更新聊天選單、QR Code
QR Code 無法掃描：印刷時尺寸可能過小。建議實際尺寸 5cm 見方以上。用紙的反光或摺痕也會影響掃描精確度