Skip to main content

03. 串接LINE Login API

1. 登入超融合後台
訂閱網址/登入帳號/密碼, 請聯繫服務廠商

串接LINE Login API, 需要取得並複製如下5個Key, 並貼上如下對應欄位即可
1. Channel ID
2. Channel Secret
3. LIFF ID Full
4. LIFF ID Tall
5. LIFF ID Compact

api_linelogin_i01.png


2. 進入LINE開發者後台, 複製那5個串接Key
https://developers.line.biz/console/


點選建立 LINE Login

api_linelogin_a01.png



第1個Key跟第2個Key 都在 Basic setings 分頁


請複製 Channel ID , 貼上我們後台一樣的欄位名稱

api_linelogin_a02.png

api_linelogin_a03.png

api_linelogin_a04.png

建立第一個 Liff app
LIFF app name: webapp1
Size: Full
Endpoint URL: https://www.sopdom.com/oaadmin/api/webapp/1/

api_linelogin_a05.png

api_linelogin_a06.png

api_linelogin_a07.png



建立第二個 Liff app
LIFF app name: webapp2
Size: Tall
Endpoint URL: https://www.sopdom.com/oaadmin/api/webapp/2/

api_linelogin_a08.png



api_linelogin_a09.png

建立第三個 Liff app
LIFF app name: webapp3
Size: Compact
Endpoint URL: https://www.sopdom.com/oaadmin/api/webapp/3/

api_linelogin_a10.png

api_linelogin_a11.png

三個Liff都建立完成畫面如下, 請比對確認一下

api_linelogin_a12.png

將 shareTargetPicker 啟用, 電子名片分享會用的, 請勿必要開啟

api_linelogin_a13.png


確認如下圖是否有開啟

api_linelogin_a14.png

將login及Liff服務 發佈  Developing -> Published



api_linelogin_a15.png

api_linelogin_a16.png


確認如下圖是否為 Published

api_linelogin_a17.png


超融合後台LINE Login API串接, 設定完成的示意圖, (比對key長度, 別貼錯)

設定重點, 就是找出那5個Key在哪裡

api_linelogin_a18.png

恭喜你, 已設定完成, 下一步測試串接API是否成功