天矽科技 line

天矽部落格最新的網路趨勢資訊

網站設計趨勢

【網站第三方登入】網頁申請LINE登入認證設定教學|天矽科技客製化網頁設計

部落格:【網站第三方登入】網頁申請LINE登入認證設定教學|天矽科技客製化網頁設計

 

在嵌入第三方登入工具時,要做的不僅只有嵌入這個動作而已,更重要的是先前的「驗證步驟」,當企業人員至LINE Developers驗證並設定完畢後,取得LINE提供的「Channel ID」與「Channel secret」,工程師在嵌入時必須取得這兩項關鍵才能正確、成功的串接並連動網站。

網站會員第三方登入

 

 在建設網站時,若是有會員機制的網站,通常都會希望能夠加入第三方登入、加入會員的機制,也就是希望自家網站的會員不僅能以電子郵件的方式加入,還能以Facebook、LINE或Google作為登入與加入會員的工具。

 這種方式不僅對使用者方便,對企業網站來說,也能提高使用者加入會員留下資料的意願與速度。

 那麼本篇要介紹的就是「如何申請LINE的登入認證」?

▲CLA加入會員

 

為什麼要認證

 要申請這個認證的原因,是因為在將功能嵌入網站之前,必須要做 驗證 與 設定資訊,並獲得LINE提供的 Channel ID Channel secret,才能交由工程師進行串接嵌入,這些驗證都是為了要確保資訊上的對接是沒有問題且安全的。

 

申請LINE第三方登入

 

 要取得 LINE 的登入認證,同樣也需要有 LINE 的官方帳號。

去申請官方帳號:LINE Biz-Solutions

 

建立頻道

建立頻道步驟流程
➤Step1. LINE Developers
➤Step2. 登入
➤Step3. 進入畫面選擇建立新頻道
➤Step4. 輸入Provider帳戶名稱
➤Step5. Create a new channel
➤Step6. Create a channel
➤Step7. 完成

 

Step1. LINE Developers

 至LINE Developers右上方選擇【登入】。

LINEdevelopers

 

Step2. 登入

LINEBusinessID登入

 

Step3. 進入畫面選擇建立新頻道

 進入畫面後,點選右側選單中的【Providers】,如果已經有建立過就會出現【Admin】,之後點選【Create a new channel】;如果沒有就請直接點選【Create a new provider】。

Create a new provider

▲ Create a new provider

 

Create a new channel

▲ Create a new channel

 

Step4. 輸入Provider帳戶名稱

建立帳戶名稱

▲ 建立帳戶名稱

 

Step5. Create a new channel

 點選【Create a LINE Login channel】或【LINE Login】。

建立新頻道

 

Step6. Create a channel

 填寫以下欄位資訊,完成後點選【Create】。

 Create a channel

 

Step7. 完成

完成

 

 


 

設定OpenID Connect

Step1. 點選Apply

 在【Basic settings】頁籤,拉到頁面最下方,設定OpenID Connect,點選【Apply】按鈕。

Apply

 

Step2. 填寫資訊

 【OpenID Connect】欄位資訊

OpenID Connect

 


 

設定Callback URL

 在【LINE Login】頁籤,設定 Callback URL 使用下方網址,填寫完畢後點選【Update】。

➜ 複製此網址並貼上:【https://oauth.mitbrick.com/line/

LINE 登入

 


 

提供帳號ID及應用程式密鑰

 到【Basic settings】頁籤,複製【Channel ID】及【Channel secret

LINE ID

LINE密鑰

 

 以上完成並取得ID與密鑰後,即可提供給天矽科技,由我們來完成後續的嵌入動作。

➜ 更多詳細的LINE Login可參考官方文件:LINE Login

 

案例分享

 

黃檸檬

黃檸檬LINE第三方登入會員

 

響藝第三方註冊

響藝LINE第三方快速註冊會員

 

由申甲

由申甲LINE第三方登入會員

 

看更多:
Facebook第三方登入教學
Google第三方登入教學

 

回上一頁
信箱
客服
Line@