LINE登入
LINE 登入設定（使用自有 Channel）
一、應用情境
開啟 LINE 登入後，顧客可以用自己的 LINE 帳號一鍵登入或註冊，不必另外記一組帳號密碼。使用自有 Channel 時，您還能申請取得顧客的 Email，方便後續的會員經營與通知。
| 情境 | 說明 |
|---|---|
| 降低註冊門檻 | 顧客用 LINE 一鍵登入，減少因為要填資料而放棄的情況 |
| 取得會員 Email | 申請 Email 權限後，LINE 登入的顧客會一併帶回 Email，方便寄送通知與行銷 |
| 以自有品牌呈現 | 用自己的 LINE Channel，授權畫面顯示的是您自己的服務提供者名稱 |
二、前置準備
- 一個可以登入的 LINE 帳號：Channel 要在 LINE 官方的開發者網站 LINE Developers 建立。建議用公司共用的 LINE 帳號登入，日後交接比較不會卡在個人帳號。登入網址：https://developers.line.biz/
- 官網的隱私權政策：申請 Email 權限時，LINE 會要求上傳「已向顧客告知會存取其 Email」的隱私權政策截圖，請先在官網公告好。
- 官網的實際網域：設定回呼網址（Callback URL）時會用到，例如 yourshop.liteshop.tw 或您的自訂網域。
- 本篇是使用自有 Channel 的設定方式（要填入自己的 Channel ID 與 Channel Secret）。設定會經過「LINE Developers 建立並設定 Channel」與「回 LiteShop 後台填入」兩個階段，請一步一步跟著做。
三、設定步驟
步驟一到步驟七在 LINE Developers（developers.line.biz）操作，建立並設定好 Channel；步驟八回到 LiteShop 後台填入。請一步一步跟著做，順序不要跳。LINE 的畫面與欄位名稱以 LINE 官方當下顯示為準（LINE 可能調整介面，但位置大致相同）。
開始前，先認識這幾個名詞
下面步驟會一直出現這些詞，先有個印象，遇到時再對照即可，看不懂不用擔心：
- Provider（服務提供者）：代表您的公司或品牌，一個公司建立一個即可。
- Channel（頻道）：顧客實際用來登入的那個「應用程式」，建立在 Provider 底下。
- Channel ID、Channel Secret：這個 Channel 的兩組識別碼，作用像「帳號」和「密碼」，最後要填回 LiteShop 後台。
- Callback URL（回呼網址）：顧客在 LINE 按完同意後，要被帶回官網的位置。
步驟一：登入 LINE Developers，建立服務提供者（Provider）
先登入 LINE Developers。開啟 LINE Developers 首頁後，依序：
- 在首頁下方的產品區，點 LINE Login。
- 在 LINE Login 介紹頁，點 開始體驗（Start now）。
- 在 LINE Business ID 畫面選擇登入方式：最簡單是點綠色的 LINE帳號；若貴公司是用 Email 註冊的商用帳號管理，也可以點 電子郵件帳號。不論哪一種，建議固定用「公司共用」的那組帳號登入，日後交接比較不會卡在個人帳號。
圖：在 LINE Developers 產品區點「LINE Login」
進入 LINE Login 介紹頁後，點頁面上的 開始體驗（Start now） 按鈕，即會進入下一步的登入畫面。
圖：在 LINE Business ID 畫面選擇登入方式（最簡單是綠色的「LINE帳號」，也可用「電子郵件帳號」等其他方式）
登入後，第一次使用要先建立一個 Provider（服務提供者），它代表「提供這項服務的公司或組織」，顧客日後在 LINE 授權畫面上會看到這個名稱：
- 點 Create a new provider（建立新的服務提供者）。
- 在 Provider name 欄填入名稱，建議填公司名稱或品牌名。此欄不可空白、不要用特殊符號、長度在 100 字以內。
- 按 Create 建立。
若公司之前已經建立過 Provider，可以直接沿用，不必重開一個。
圖：填入 Provider name（建議用公司名稱），按 Create 建立服務提供者
步驟二：在 Provider 底下建立 LINE Login Channel
進入剛建立（或既有）的 Provider 後，會看到 Channels 分頁。Channel 是顧客實際用來登入的「應用程式」，請建立一個 LINE Login 類型的 Channel。
- 在 Channels 分頁點 Create a LINE Login channel（建立 LINE Login channel）。
- 請務必選 LINE Login 這個類型，不要選 Messaging API 等其他類型，否則官網的 LINE 登入會無法運作。
圖：在 Provider 的 Channels 分頁，選「Create a LINE Login channel」
步驟三：填寫 Channel 設定內容
接著會出現一張設定表單（這些內容建立後都還能再修改）。欄位看起來多，但真正要特別留意的只有下面標【重點】的三個，其餘照提示填或直接略過即可：
- 【重點】App types（應用程式類型）：Web app 與 Mobile app 兩個都要勾，官網在電腦與手機才都能用。
- 【重點】Channel name（名稱）：顧客授權畫面會直接顯示這個名稱，建議填商店名稱。
- 【重點】Email address：填一個可聯絡到的 Email（LINE 會用來與您聯繫）。
- 【必填】Region to provide the service（服務提供地區）：台灣選 Taiwan。
- 【必填】Company or owner’s country or region（公司／擁有者所在國家地區）：台灣選 Taiwan。
- 【必填】Channel description（說明）：簡短描述用途即可，例如「XX 官網會員登入」。
- 【建議開啟】Require two-factor authentication（兩階段驗證）：開啟可提升帳號安全。
- 【選填，可略過】Channel icon（圖示）：顧客登入時會看到的圖示，可日後再補上商店 LOGO。
- 【選填，可略過】Privacy policy URL／Terms of use URL（隱私權政策／服務條款網址）：可填官網對應頁面網址，沒有可先空著。
填完後勾選同意 LINE Developers 條款，按 Create 建立。
這張表單較長，需要往下捲動。下面依序是表單上段、中段、最下方三個畫面對照：
圖（上段）：服務提供地區、公司所在國家地區、Channel icon（選填）、Channel name、Channel description
圖（中段）：App types 同時勾 Web app 與 Mobile app、開啟兩階段驗證、填 Email
圖（最下方）：勾選「I have read and agree to the LINE Developers Agreement」後，按 Create 建立
步驟四：取得 Channel ID 與 Channel Secret
Channel 建立完成後，進入它的 Basic settings（基本設定）分頁，這兩個值稍後都要填回 LiteShop 後台，請先各自複製起來：
- Channel ID：在上方的 Basic information 區，是一串數字。
- Channel secret：在同一頁往下捲才會看到，是一串英數字。
❌ Channel secret 請妥善保管
Channel secret 等同這個登入服務的密碼，不要外流、不要貼到公開頁面或對話群組。若不慎外洩，請在 LINE Developers 重新產生（Issue）一組，並回 LiteShop 後台更新。
圖：在 Basic settings 的 Basic information 找到 Channel ID
圖：同一頁往下捲，找到 Channel secret
步驟五：申請 Email 權限（OpenID Connect）
在 Channel 設定裡找到 OpenID Connect 區塊中的 Email address permission（Email 地址權限）。這個權限預設是「Unapplied」（未申請），維持未申請的話，顧客用 LINE 登入時系統拿不到他的 Email，後續寄送訂單通知、會員經營都會受影響，所以請務必完成申請：
- 點 Apply。
- 勾選畫面中的前兩個選項。
- 上傳商店公告的隱私權政策內容截圖（須載明會存取使用者的 Email 地址）。
- 點 Submit 送出申請。
完成後，該權限會從「Unapplied」變成已申請的狀態，顧客用 LINE 登入時才會把 Email 一併帶回。
「隱私權政策截圖」是指什麼、怎麼準備？
隱私權政策就是官網上那一頁、說明「本店會蒐集與使用顧客哪些資料」的條款。LINE 要確認您有告知顧客會取得 Email，所以要您附一張截圖，只要清楚拍到條款內有提到「會取得（或蒐集）Email」的那一段即可。如果官網目前還沒有隱私權政策，請先建立並公告一頁，再回來申請這個權限。
圖：申請 Email 權限（點 Apply、勾選前兩個選項、上傳隱私權政策截圖、Submit）
圖：申請成功後，Email address permission 會顯示「Applied」
步驟六：設定 Callback URL（回呼網址）
到 LINE Login 分頁，在 Callback URL 欄位旁點 Edit，填入您官網的回呼網址，再按 Update。這個網址是顧客在 LINE 完成授權後，要被導回官網的位置，填錯或漏填，登入就會失敗。格式為：
https://您的官網網域/customers/auth/line/callback
請把「您的官網網域」換成自己官網實際的網域（例如 yourshop.liteshop.tw 或您的自訂網域），後面的 /customers/auth/line/callback 要原封不動照抄，不要改動。
舉例：官網網域若是 yourshop.liteshop.tw，實際要填進去的完整網址就是 https://yourshop.liteshop.tw/customers/auth/line/callback。
圖：在 LINE Login 分頁點 Edit 填入 Callback URL，再按 Update
圖：填好後按 Update（圖中的 dobby77.liteshop.tw 只是示範網域，請換成您自己官網的網域）
步驟七：發佈 Channel（Published）
設定都完成後，把 Channel 狀態從 Developing（開發中）改為 Published（已發佈）。維持在 Developing 只有開發人員自己能登入，一般顧客會登入失敗，所以務必發佈。操作如下：
- 點 Channel 名稱旁的 Developing 狀態按鈕。
- 在跳出的 Publish this channel? 視窗，按 Publish 確認。
圖：點 Channel 名稱旁的「Developing」狀態按鈕
圖：在「Publish this channel?」確認視窗按「Publish」
❌ 發佈後無法退回 Developing
一旦按下 Publish，這個 Channel 就不能再改回 Developing；LINE 官方說明唯一的方法是刪掉整個 Channel 再重建。不過正式對外營運本來就需要 Published，照常發佈即可，先知道這個限制即可。
圖：Channel 發佈完成（狀態顯示綠燈）
步驟八：回 LiteShop 後台填入 Channel ID 與 Channel Secret
LINE 那端都設定好後，回到 LiteShop 後台： 系統外掛 → 第三方登入，接著：
- 在上方選擇要套用的官網（若有多個官網，請選擇要啟用 LINE 登入的那一個）。
- 在 Line登入 那排選 使用自有應用程式。
- 把步驟四複製的 Channel ID 與 Channel Secret 分別貼進對應欄位。
- 按 儲存設定。
儲存後，到官網的登入頁就會出現 LINE 登入按鈕。建議用無痕視窗（未登入狀態）實際測一次，確認能順利用 LINE 登入並回到官網。
圖：在「系統外掛 → 第三方登入」的 Line登入 選「使用自有應用程式」，填入 Channel ID／Channel Secret，按「儲存設定」
四、注意事項
❌ 重要提醒：Email 權限沒 Apply 就拿不到顧客 Email
「Email address permission」只要停留在 Unapplied，顧客用 LINE 登入時就不會帶回 Email。一定要完成 Apply 並 Submit 通過，系統才會取得顧客的 Email。
⚠️ 注意：帳號模式會影響 LINE 首次登入
在「Email＋手機」與「僅手機號碼」帳號模式下，訪客首次按 LINE 登入會被請去先完成註冊、再到會員中心綁定 LINE；已綁定過的會員照常登入。相關說明可以看〈會員帳號模式〉。
五、常見問題 FAQ
六、相關教學
- LINE 登入時邀請顧客加入官方好友：設定後，顧客用 LINE 登入時會一併邀請他加入您的官方 LINE 帳號為好友。
- Facebook 登入串接：想一併開放顧客用 Facebook 帳號登入官網，設定方式與 LINE 登入類似，可參考這篇。
- 會員帳號模式：不同帳號模式下，訪客首次用 LINE 登入的行為差異。