LINE 帳號快速註冊/登入商店會員|Shopper App

4. EC + SC.png

12. 品牌會員購物 App.png

顧客除了可以使用 Email 電郵註冊成為會員外,Shopper App 也提供使用 LINE 帳號登入的功能,讓顧客可以快速一鍵註冊/登入您的商店。

⚠️ 開始前請注意:

  • 因 LINE mobile App 登入設定需要使用 App 相關資料,請在首次發佈 App 成功後,再新增 LINE 登入功能。
  • 請使用已建立的網店 LINE Login Channel 進行 App 的登入設定。若您尚未建立 Login Channel,請先參考 LINE 帳號快速註冊/登入商店會員|顧客登入設定 步驟四至十完成建立,再繼續以下 App 及後台設定。

 

本篇文章將分別介紹:

 

一、LINE Login Channel 設定

步驟一

前往 LINE developer ,使用 LINE 帳號登入,若為公司戶,請使用公司的 LINE 帳號登入。

Screenshot 2024-11-28 at 4.32.31 PM.png

 

步驟二

登入後進入「Providers」頁面,找到公司名稱的。

Screenshot 2024-11-28 at 4.33.17 PM.png

 

步驟三

點選已建立過的 LINE Login Channel。

*注意:若您尚未建立過 Login Channel,請先參考 LINE 帳號快速註冊/登入商店會員|顧客登入設定 步驟四至十完成建立,再繼續以下 App 及後台設定。

Screenshot 2024-11-28 at 4.33.56 PM.png

 

步驟四

點選「LINE Login」頁籤,進入 Mobile app 設定頁面。

Screenshot 2024-11-28 at 4.34.38 PM.png

 

A. 設定 iOS 相關資訊

按照以下提示填寫 iOS bundle ID。

*注意:若您的 App 尚未進行首次發佈申請,請先進行首次發佈申請。

Screenshot 2024-11-28 at 4.35.05 PM.png

項目 取得來源/設定指示
iOS bundle ID

在 App Store Connect 的 「一般資訊 > App 資訊」頁面,複製「套件識別碼」填寫至此即可。

bundle_ID.png

iOS universal link 無需填寫

 

B. 設定 Android 相關資訊

按照以下提示填寫 Package names 和 Package signatures。

Screenshot 2024-11-28 at 4.36.25 PM.png

項目 取得來源/設定指示

Package names

Google Play Console 頁面找到應用程式,於應用名稱下方取得 package name。
Screenshot 2024-11-28 at 4.27.50 PM.png

Package signatures

1. 在 Google Play Console 頁面點擊應用程式進入後,於「測試及發佈 > 設定 > 應用程式簽署」頁面的「應用程式簽署金鑰憑證」區塊取得 SHA-1 憑證指紋。
Screenshot 2024-11-28 at 12.06.40 PM.png

2. 去除 SHA-1 憑證指紋中間的「:」,方法有以下兩種:
a. 手動刪除。
b. 使用工具網站去除,輸入SHA-1 憑證指紋,點擊「Convert」後,「Cleaned input」輸出的內容就是「Package Signatures」。google_3.png

Android URL scheme

無需填寫

 

二、SHOPLINE 後台設定

步驟一

前往「商店後台 > App 管理 > App 發佈設定」,找到「第三方串接設定」區塊,於「新增第三方服務」下拉選單點選「Line Login」。

ZH4.1.png

 

步驟二

將您於 LINE Developer Login Channel 取得的 Channel ID 及 Channel secret 填寫至「LINE 應用程式資訊」彈窗內,並點選「儲存」繼續設定。

*注意:請確認此 Channel ID 及 Channel secret 跟商店使用的 Channel ID 一致。

ZH4.2.png

 

步驟三

點按頁面右下「提交 App 發佈申請」按鈕更新 App,版本更新至應用程式商店後,LINE Login 才會生效。

ZH19.png

 

 

 

 

 

還有其他問題?提交請求

評論