iT邦幫忙

第 11 屆 iThome 鐵人賽

2
Software Development

Line Bot 心得分享 LineMessagingApi + LUIS + BotFramework系列 第 19

[Day19] 如何在網站上使用 LINE 登入服務 - LINE Login

  • 分享至 

  • xImage
  •  

今天要介紹的是 LINE Login,這是 LINE 提供的 OAuth 服務,和 Google、FB 登入一樣,可以讓用戶在我們的網站上,使用社群網站的帳號登入系統。


LINE Login 運作方式

LINE Login 的運作方式和上一篇介紹的 LINE Notify 差不多。

1. 在網站提供 LINE Login 按鈕

https://ithelp.ithome.com.tw/upload/images/20200126/20106865h6fAcID5B4.jpg

2. 使用者點擊按鈕後,會使用下面這個 API 轉址到 LINE 登入頁面

GET https://access.line.me/oauth2/v2.1/authorize

登入成功後會轉到授權頁面,授權成功後會使用 redirect_uri 轉回我們的網站,並使用 Query String 帶上 authorization_code

https://ithelp.ithome.com.tw/upload/images/20200126/20106865Cxkm70JZkd.jpg

3. 拿到 authorization_code 後,我們可以使用下面這個 API 獲得 access_token

POST https://api.line.me/oauth2/v2.1/token

https://ithelp.ithome.com.tw/upload/images/20200126/20106865pnR0AeqBo6.jpg

4. 拿到 access_token 後可以使用 Social API 取得用戶 UserId 登入我們的系統

GET https://api.line.me/v2/profile

https://ithelp.ithome.com.tw/upload/images/20200126/20106865V0kjRR6Whc.jpg

詳細用法可以參考官方文件: line-login


LINE Login 註冊

1. 首先進入 LINE 開發者頁面。

https://developers.line.biz/zh-hant

2. 新增 Provider 和 Channel,類型選擇 Login。

https://ithelp.ithome.com.tw/upload/images/20200126/20106865d7boNIVUcT.jpg

3. 填寫相關資料。

https://ithelp.ithome.com.tw/upload/images/20200126/20106865x1iXZxIp9t.jpg

https://ithelp.ithome.com.tw/upload/images/20200126/20106865wMhxbm5fwk.jpg

4. 註冊成功後要記住 Channel ID 和 Channel secret 之後程式中會用到。

https://ithelp.ithome.com.tw/upload/images/20200126/20106865JX4XkzGlpu.jpg

https://ithelp.ithome.com.tw/upload/images/20200126/20106865vHsVw8kdOE.jpg


結語

下一篇要介紹 LIFF 功能,今天就到這裡,感謝大家觀看。 (´・ω・`)


上一篇
[Day18] 如何在 LINE Bot 免費推播訊息 - LINE Notify
下一篇
[Day20] 如何在 LINE Bot 開啟 LIFF 應用 - LINE Front-end Framework
系列文
Line Bot 心得分享 LineMessagingApi + LUIS + BotFramework27
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言