Skip to main content

4. LINE Login API


LINE除了開放強大的Messaging API功能, 還推出Login API功能, 讓開發商可以透過網頁技術開發很多商業應用服務, 可以取代 90%原生APP功能性, 也拉近與消費者體驗距離.
這個串接步驟流程有點多, 要細心的看

準備取得 LINE Login API key 共6組5組

1. Channel ID
2. Channel secret
3. ChannelLIFF accessID tokenFull
4. LIFF ID Tall
5. LIFF ID Compact
 


要取得共6個Key 但要細心的看, 


1. 進入LINE Developers https://developers.line.biz/console/
➔ 點選左邊 ( 服務提供者名稱 ) 

api_linelogin_01.png

2. 點選 ➔ { +Create a new channel } ➔ 選擇 { LINE Login }

api_linelogin_02.png


3. 將 { Region to provide the service } 、{ Company or owner's country or region }
➔ 設定Taiwan

 api_linelogin_03.png

4. 輸入相關資訊, 後續都可以再修改
1. 上傳Logo圖片
2. 輸入頻道名稱, 中英文皆可
3. 輸入頻道描述, 中英文皆可
api_linelogin_04.png

5. 設定 App types
1. web app ➔ 句選啟用
2. Mobile app ➔ 句選啟用
api_linelogin_05.png

6. 勾選同意 { I have read and agree to the LINE Developers Agreement } ➔ 按 Create

api_linelogin_06.png

7. 點選 ➔ Developing ➔ 選擇 { Publish }, 將服務開放使用

api_linelogin_07.png


8. Channel ID 複製 ➔ 前往您Ulink專屬後台 ➔ 串接設定 ➔ LINE Login API ➔ 貼上 Channel ID

api_linelogin_08.png

9. 複製 「Channel secret」➔ 前往您Ulink專屬後台 ➔ 串接設定 ➔ LINE Login API
   ➔ 貼上 Channel Secret
api_linelogin_10.png


10. 點選 LIFF ➔ 選擇 ➔ Add, 先新增第一筆 (網頁高度是100％全版), 步驟比較多要仔細一點
api_linelogin_13.png


11. 輸入相關資訊

1. LIFF app name ➔ 輸入webapp1
2. 在 Size ➔ 點選 Full
3. 在 Endpoint URL ➔ 輸入網址
➔ { https://更改成您專屬網址/oaadmin/api/webapp/1/ }

api_linelogin_14.png


4. 勾選 Scopes ➔ profile、chat_message.write、openid
5. Add friend option ➔ On (Aggressive)
6. Options全開 ➔ Scan QR、Module mode
➔ 按 Add
 api_linelogin_15.png 

13. 開啟 shareTargetPicker ➔ 勾選 { I have read.... } ➔ 選擇 Enable
 api_linelogin_17.png  

14. 複製 webapp1 ➔ LIFF ID
api_linelogin_18.png

15. 回到您Ulink專屬後台貼上 ➔ 貼上 webapp1 LIFF ID

api_linelogin_19.png


16. 回到 LINE Developers 按 ➔  Add, 再新增第2筆 (網頁高度是50％比率)

api_linelogin_24.png

api_linelogin_20.png

17. 輸入相關資訊

1. LIFF app name ➔ 輸入webapp2
2. 在 Size ➔ 點選 Tall
3. 在 Endpoint URL ➔ { https://更改成您專屬網址/oaadmin/api/webapp/2/ }
4. 勾選 Scopes ➔ profile、chat_message.write、openid
5. Add friend option ➔ On (Aggressive)
6. Options全開 ➔ Scan QR、Module mode
➔ 按 Add

api_linelogin_21.png

18. 複製 webapp2 LIFF ID ➔ 前往您Ulink專屬後台 ➔ 串接設定 ➔ LINE Login API
 api_linelogin_22.png

19. 回到Ulink專屬後台 ➔ 貼上 LIFF ID Tall

api_linelogin_23.png

20. 回到 LINE Developers 按 ➔  Add, 再新增第3筆 (網頁高度是50％比率)
api_linelogin_24.png

21. 圖片有誤

輸入LIFF app name「webapp3」➔ Size選「Compact」 ➔ 輸入網址
       ➔ 「https://更改為你專屬後台網址/oaadmin/api/webapp/3/」

api_linelogin_23.png

1. LIFF app name ➔ 輸入webapp2
2. 在 Size ➔ 點選 Compact
3. 在 Endpoint URL ➔ { https://更改成您專屬網址/oaadmin/api/webapp/2/ }
4. 勾選 Scopes ➔ profile、chat_message.write、openid
5. Add friend option ➔ On (Aggressive)
6. Options全開 ➔ Scan QR、Module mode
➔ 按 Add

api_linelogin_26.png

22. 複製 webapp3 LIFF ID
api_linelogin_27.png

23. 前往您Ulink專屬後台 ➔ 串接設定 ➔ LINE Login API ➔ 貼上 ID Compact ➔ 按確定
api_linelogin_28.png
25.完成 LINE Login API 串接 

Back to top