第三方驗證服務
第三方驗證服務是一種身份驗證方法,指的是:網站或應用程式以外部機制,為使用者提供註冊/登入等功能,而非透過本身的系統進行身分驗證。透過第三方驗證,使用者可以透過單一帳號進行登入,簡化了註冊流程。常見的社群平台,例如:LINE、Google、twitter(X) 等,都提供了第三方驗證機制。
什麼是 LINE Developer Console
LINE Developer Console 是 LINE 的開發者平台,用於建立、管理和監控與 LINE 應用程式相關的各種功能和服務,如:LINE Login(使用 LINE 帳號登入)、Messenge API(自動化訊息 API)、Blockchain Service(區塊鍊服務) 等。開發者能夠有效地管理和配置他們的 LINE 應用程式,並透過各種 API 和擴充功能實現更豐富的應用體驗。
以下將為您介紹,如何在LINE 開發者平台上註冊 LINE Login 應用程式。
註冊 LINE 開發者平台
前往 LINE Developer Console,並點擊上方的 Log in to Console。
![使用 LINE 開發者平台註冊 LINE Login 應用程式,實現 LINE 帳號登入功能 2 creating-line-login-channel-with-line-developer-console-2024-01-15-17-56-18](https://raw.githubusercontent.com/tellustek/tellustek-official-image/main/creating-line-login-channel-with-line-developer-console-2024-01-15-17-56-18.png)
使用您的 LINE 帳號 / 商用帳號登入此平台。
![使用 LINE 開發者平台註冊 LINE Login 應用程式,實現 LINE 帳號登入功能 3 creating-line-login-channel-with-line-developer-console-2024-01-15-18-05-04](https://raw.githubusercontent.com/tellustek/tellustek-official-image/main/creating-line-login-channel-with-line-developer-console-2024-01-15-18-05-04.png)
第一次登入時,系統會需要請您輸入顯示名稱及 Email ,以註冊開發者平台帳號。
![使用 LINE 開發者平台註冊 LINE Login 應用程式,實現 LINE 帳號登入功能 4 creating-line-login-channel-with-line-developer-console-2024-01-15-18-05-29](https://raw.githubusercontent.com/tellustek/tellustek-official-image/main/creating-line-login-channel-with-line-developer-console-2024-01-15-18-05-29.png)
註冊完成後,將顯示歡迎頁如下:
![使用 LINE 開發者平台註冊 LINE Login 應用程式,實現 LINE 帳號登入功能 5 creating-line-login-channel-with-line-developer-console-2024-01-15-18-05-51](https://raw.githubusercontent.com/tellustek/tellustek-official-image/main/creating-line-login-channel-with-line-developer-console-2024-01-15-18-05-51.png)
建立 Provider(服務提供者)
歡迎頁中簡介了開發者平台的運作方式:
- 建立一個 Provider(服務提供者),這可以是您的商家/組織、網站、開發者的名稱等,用來識別 LINE 服務的提供者屬於誰。
- 在這個 Provider 下,建立一個 channel (頻道)以便讓您的應用程式與 LINE 平台連線。
- 最後,請填入必須的設定,讓您的連線能夠成功運行。
![使用 LINE 開發者平台註冊 LINE Login 應用程式,實現 LINE 帳號登入功能 6 creating-line-login-channel-with-line-developer-console-2024-01-15-18-06-54](https://raw.githubusercontent.com/tellustek/tellustek-official-image/main/creating-line-login-channel-with-line-developer-console-2024-01-15-18-06-54.png)
點擊「Create a New Provider」按鈕後,請在跳出的浮動視窗中輸入服務提供者的名稱:
![使用 LINE 開發者平台註冊 LINE Login 應用程式,實現 LINE 帳號登入功能 7 create-line-login-channel-with-line-developer-console-2024-01-15-18-31-07](https://raw.githubusercontent.com/tellustek/tellustek-official-image/main/create-line-login-channel-with-line-developer-console-2024-01-15-18-31-07.png)
建立您的 LINE Login Channel
建立 Provider 後,請在頁面上選擇「Create a LINE Login Channel」,建立一個使用 LINE 帳號登入的服務:
![使用 LINE 開發者平台註冊 LINE Login 應用程式,實現 LINE 帳號登入功能 8 creating-line-login-channel-with-line-developer-console-2024-01-15-18-07-13](https://raw.githubusercontent.com/tellustek/tellustek-official-image/main/creating-line-login-channel-with-line-developer-console-2024-01-15-18-07-13.png)
建立 Channel 的表單欄位眾多,分別說明如下:
- Channel Type 頻道類型:已預先選擇為 LINE Login,無須更動。
- Provider 服務提供者:頻道所屬的服務提供者,無須更動。
- Region to provide the service 提供服務的區域:請選擇 Taiwan。
- Company or owner’s country or region 公司/持有者的國家/區域:請選擇 Taiwan。
- Channel icon 頻道標誌(選擇性)、Channel name 頻道名稱、Channel description 頻道描述:這些識別資訊將會出現在 LINE 登入視窗中,讓使用者辨識目前透過哪一個服務進行 LINE 帳號登入作業,請填入與您商家/網站相符的資訊,以增加服務的可信度。
- App types 應用程式類型:使用 LINE Login 的應用程式屬於網頁,請選擇 Web app;屬於手機程式,請選擇 Mobile app。
- Require two-factor authentication 是否需要兩步驟驗證(選擇性): 當您的使用者利用 LINE Login 登入時,是否需要兩步驟驗證。如果開啟兩步驟驗證,使用者在第一次登入/註冊時,需要智慧型手機、並已在手機上登入 LINE 帳號,才能順利進行驗證。當使用者兩步驟驗證成功後,在相同的電腦、相同的瀏覽器上將維持一年的信任效期,一年內將不會再度被要求驗證。您可以評估客群、使用者習慣、實際業務需求決定是否要開啟。
- Email address 電子郵件:此服務管理者的 Email 帳號。
- Privacy policy URL 隱私權政策網址(選擇性):可視您的需求填寫。
- Terms of use URL 使用規約網址(選擇性):可視您的需求填寫。
![使用 LINE 開發者平台註冊 LINE Login 應用程式,實現 LINE 帳號登入功能 9 creating-line-login-channel-with-line-developer-console-2024-01-15-18-07-53](https://raw.githubusercontent.com/tellustek/tellustek-official-image/main/creating-line-login-channel-with-line-developer-console-2024-01-15-18-07-53.png)
這是一個相當長的表單,不過其中有一部分是選填資訊,您可以依照自身情形進行填寫;最後,別忘了勾選 「I have read and agree to the LINE Developers Agreement (我已閱讀並同意 LINE 開發者協議)」,就可以按下 Create 送出了!
填入 Callback URL
Channel 建立完成後,將顯示這個 Channel 的基礎資訊畫面如下:
![使用 LINE 開發者平台註冊 LINE Login 應用程式,實現 LINE 帳號登入功能 10 create-line-login-channel-with-line-developer-console-2024-01-15-18-32-52](https://raw.githubusercontent.com/tellustek/tellustek-official-image/main/create-line-login-channel-with-line-developer-console-2024-01-15-18-32-52.png)
請切換至「LINE Login」分頁,在【Callback url】處輸入 蓋婭科技 提供給您的【重新導向網址】。按:如果您不確定此處資訊,請與我們聯絡以便取得正確的網址。
![使用 LINE 開發者平台註冊 LINE Login 應用程式,實現 LINE 帳號登入功能 11 create-line-login-channel-with-line-developer-console-2024-01-26-14-18-05](https://raw.githubusercontent.com/tellustek/tellustek-official-image/main/create-line-login-channel-with-line-developer-console-2024-01-26-14-18-05.png)
檢視連線資訊
切換至「Basic settings」,請特別注意「Channel ID」以及「Channel secret」這 2 個欄位:
- Channel ID 是這個頻道獨一無二的序號。
- Channel secret 則是連線時,用來驗證身分的密鑰。
當您的網站或應用程式,使用 LINE Login 服務時,必須提供這 2 個欄位資訊,以便和與 LINE 平台取得連線。
![使用 LINE 開發者平台註冊 LINE Login 應用程式,實現 LINE 帳號登入功能 12 creating-line-login-channel-with-line-developer-console-2024-01-15-18-11-45](https://raw.githubusercontent.com/tellustek/tellustek-official-image/main/creating-line-login-channel-with-line-developer-console-2024-01-15-18-11-45.png)
![使用 LINE 開發者平台註冊 LINE Login 應用程式,實現 LINE 帳號登入功能 13 creating-line-login-channel-with-line-developer-console-2024-01-15-18-11-26](https://raw.githubusercontent.com/tellustek/tellustek-official-image/main/creating-line-login-channel-with-line-developer-console-2024-01-15-18-11-26.png)
點擊 Channel ID 及 Channel secret 欄位右側的小圖標,將會複製欄位文字。請將資訊提供給蓋婭資訊,讓我們進一步為您在網站上實現結合 LINE 帳號的登入/註冊功能!