Design News
網頁設計新知
如何申請一個Line api 登入應用程式，應用於您的網頁設計中會員登入的功能?(2021版)
Aug 10, 2022
在網站設計中，會員登入整合LINE帳號的是很常見的功能
在我們為您串接此功能之前，需要請您依照以下步驟，向Line應用程式申請會員登入的API來使用
【STEP1】
請先連結至https://developers.line.biz/zh-hant/ 與點擊右上角登入，畫面會導向到 LINE 官方登入頁面
p.s.請使用一般 LINE 帳號登入，切勿使用商用帳號，輸入您的 LINE 帳號與密碼即可完成登入系統。
【STEP2】
登入完成後，請於畫面正上方主選單點擊Products 選項。
【STEP3】
進入 Products 頁面，請選擇LINE login 並點擊More info 按鈕，亦可直接點擊左側選單LINE login。
【STEP4】
請直接點擊Start now 按鈕。
【STEP5】
【STEP6】
【STEP7】
【STEP8】
【STEP9】
【STEP10】
請點擊LINE Login 頁籤，並編輯底下Callback URL，此為 line 回傳使用者登入後相關資訊回傳網址，我 們將會提供對應網址讓貴公司進行設定。
【STEP11】
最後請勾選I have read and agree to the LINE Developers Agreement，並點擊下方Create 按鈕，即 可產生新的 APP。
【STEP12】
設定確認無誤後，即可將開發模式變更為正式公開模式。
【STEP13】
請於Basic settings 頁籤，將Channel ID 和Channel secret 兩項參數提供給我們，此為網站整合 LINE login 必要之參數，即可完成此次 LINE login 服務申請。
Line登入實際運用於網頁設計上範例 ：【我們是幸福床店】【Bistro 302法式餐廳】【台視文化常春月刊】【DOREENA】
在我們為您串接此功能之前，需要請您依照以下步驟，向Line應用程式申請會員登入的API來使用
【STEP1】
請先連結至https://developers.line.biz/zh-hant/ 與點擊右上角登入，畫面會導向到 LINE 官方登入頁面
p.s.請使用一般 LINE 帳號登入，切勿使用商用帳號，輸入您的 LINE 帳號與密碼即可完成登入系統。
【STEP2】
登入完成後，請於畫面正上方主選單點擊Products 選項。
【STEP3】
進入 Products 頁面，請選擇LINE login 並點擊More info 按鈕，亦可直接點擊左側選單LINE login。
【STEP4】
請直接點擊Start now 按鈕。
【STEP5】
- Channel type 請維持LINE login，如不是請將選項調整回LINE login。
- Provider 請選擇Create a new provider，並於下方輸入提供者名稱，建議可輸入貴公司名稱。
【STEP6】
- Region 請選擇Taiwan，若服務對象不是台灣，則可依實際情況選取對應地區。
- Channel icon 非必填，可自行選擇是否上傳對應 icon，一般會使用網站 LOGO。
【STEP7】
- Channel name，此為 LINE 登入頁面會顯示APP 名稱。
- Channel description，此為 LINE 登入頁面會顯示APP 描述。
【STEP8】
- App types 請勾選Web app。
- Email address 必填，請輸入系統未來發信件需可收到信件的信箱。
【STEP9】
- Privacy policy URL 非必填，如有隱私權頁面可輸入，網址須為 https。
- Terms of use URL 非必填，如有使用條款頁面可輸入，網址須為 https。
【STEP10】
請點擊LINE Login 頁籤，並編輯底下Callback URL，此為 line 回傳使用者登入後相關資訊回傳網址，我 們將會提供對應網址讓貴公司進行設定。
【STEP11】
最後請勾選I have read and agree to the LINE Developers Agreement，並點擊下方Create 按鈕，即 可產生新的 APP。
【STEP12】
設定確認無誤後，即可將開發模式變更為正式公開模式。
【STEP13】
請於Basic settings 頁籤，將Channel ID 和Channel secret 兩項參數提供給我們，此為網站整合 LINE login 必要之參數，即可完成此次 LINE login 服務申請。
Line登入實際運用於網頁設計上範例 ：【我們是幸福床店】【Bistro 302法式餐廳】【台視文化常春月刊】【DOREENA】
上一則： 網頁設計知識-郵件伺服器