Skip to main content

03. 串接LINE Login API

1. 登入超融合後台
功能選單--> 串接設定--> LINE Login API

串接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



3. 建立 Create a new channel
請參考如下圖示設定

api_linelogin_a02.png

api_linelogin_a03.png

api_linelogin_a04.png


如下圖有兩個 Key 要複製, 貼到後台Login API對應的欄位

Channel ID = 2006942296
Channel secret = e3d9e20301242849dbf356e6314ec2ed

 

api_linelogin_a21.png

 

api_linelogin_a22.png

api_linelogin_a23.png


4. 建立第一個 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



5. 建立第二個 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


6. 建立第三個 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都建立完成畫面如下, 請比對確認一下
如下圖有三個 Key 要複製, 貼到後台Login API對應的欄位

LIFF ID Full = 2006942296-exOW320J
LIFF ID Tall = 2006942296-dMBy7qGx
LIFF ID Compact = 2006942296-jJa15n3g

api_linelogin_a12.png

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

api_linelogin_a13.png


確認如下圖是否有開啟

api_linelogin_a14.png

將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是否成功
Back to top