如何設定 LINE 帳號快速註冊登入?
前往 LINE Developers
前往 LINE developes ,並點擊該頁面右上角的「 LINE login 」按鈕

請點擊「使用 LINE 帳號登入」(所以你必須要有 LINE 帳號)
如果你本身有申請「商用帳號,也可以「使用商用帳號登入」

登入之後,將可以看到,類似以下主頁畫面。

建立 Provider:若你之前尚未有任何 Provider,請先建立一個。
將頁面往下拉,你可以在 Providers 那邊看到一個「Create」按鈕。

點擊「Create」,會跳出一個視窗「Create a new provider」
Provider name 請輸入「實際提供官方帳號服務的個人或公司名稱」

為了示範用,我們將 Provider name 取名「 2023 Teachify 測試 」

點選「Create」後,你應該會看到類似畫面。

請點選畫面中的「Create a LINE Login channel」

建立 LINE Login channel
當你點擊「Create a LINE Login channel」圖示,應該會看到以下畫面。

如果不小心「迷失路徑」,你也可以從左側列表進入。
點一下 Providers右側 ▼
即可在Admin 下方看到,前面建立的 Provider ▲(圖片是展開後畫面)
→ 以我們的示範來說,就是「2023 Teachify 測試」

Create a LINE Login channel — 設定 Channel 基本資訊

看到這麼一長串覺得有點害怕嗎?
別擔心!我們接下來會告訴你要怎麼填
【Channel type】:LINE login
【Provider】:你取的 Provider 名稱

下面兩個欄位請都選取「 Taiwan」
【Region to provide the service】:Taiwan
【Company or owner's country or region】:Taiwan

【Channel icon】: 上傳網站或品牌 Logo
【Channel name】: 輸入你對外想顯示的商店/頻道名稱
【Channel description】: 請輸入商店簡述
以上內容會顯示在 學員點擊 LINE 註冊後 所出現的畫面中。
【App types】: 同時勾選「WEB app」和「Mobile app」
【Email address】: 基本上會自動帶入你的 LINE 登入Email


【Privacy policy URL】:網站隱私政策網址(選填)可先忽略。
【Terms of use URL】:網站服務條款網址(選填)可先忽略。
最後請記得勾選【同意條款】
上述步驟完成,請點擊綠色「Create」按鈕。

此時,畫面應該會變成以下示意圖。

【關鍵重點】請到 Provide 頁面的 Basic settings
請到剛建立的 Channel → 「Basic settings 」頁籤
※ 複製 【Channel ID】 跟 【Channel secret】
(右邊會看到小小的複製 icon,可先複製到記事本,這個接下來會用到!)

在畫面最下方,應會看到【OpenID Connect】
點擊右側黑色「Apply」,依序勾選同意條款,上傳相關圖片,最後按「Submit(提交)」
Email address permission:應會從 「Unapplied」變成「Applied」


【關鍵重點】將 LINE Developers 後台上的「Channel ID」以及「 Channel Secret」貼至 Teachify 後台
先不要關閉 LINE Developers 那邊的視窗。
請到你的 Teachify 學院後台,學院設定 → 服務列表 → LINE 註冊與登入
進入 Teachify 「LINE 註冊與登入」頁面後
將LINE Developers 的【 Channel ID】 以及【 Channel Secret】 貼到 Teachify 後台 ;
是否啟用,選擇「是」


【關鍵重點】將 Teachify 後台的「 Callback URL 」貼回 LINE Developers 的後台
請回到 LINE Developers 後台
將 Teachify 後台欄位顯示的「 Callback URL 」複製下來,貼回 LINE Developers 後台,貼上之後,按「Update」按紐。
Callback URL 位置在剛建立的 Channel → 「LINE login」頁籤處


更改狀態為發布
全部完成設定後,可將狀態「Developing」轉至「Published」(點選一下,發布即可)



大功告成!請確認 Teachify 學院是否出現正確出現 LINE 登入選項。

學員登入會出現類似以下許可畫面。

如果以上回答都沒有回答到你的問題,或有任何想與我們討論,請點選右下角藍色 icon 跟我們聯絡,我們將會盡快回覆。
前往 LINE developes ,並點擊該頁面右上角的「 LINE login 」按鈕

請點擊「使用 LINE 帳號登入」(所以你必須要有 LINE 帳號)
如果你本身有申請「商用帳號,也可以「使用商用帳號登入」

登入之後,將可以看到,類似以下主頁畫面。

建立 Provider:若你之前尚未有任何 Provider,請先建立一個。
將頁面往下拉,你可以在 Providers 那邊看到一個「Create」按鈕。

點擊「Create」,會跳出一個視窗「Create a new provider」
Provider name 請輸入「實際提供官方帳號服務的個人或公司名稱」

為了示範用,我們將 Provider name 取名「 2023 Teachify 測試 」

點選「Create」後,你應該會看到類似畫面。

請點選畫面中的「Create a LINE Login channel」

建立 LINE Login channel
當你點擊「Create a LINE Login channel」圖示,應該會看到以下畫面。

如果不小心「迷失路徑」,你也可以從左側列表進入。
點一下 Providers右側 ▼
即可在Admin 下方看到,前面建立的 Provider ▲(圖片是展開後畫面)
→ 以我們的示範來說,就是「2023 Teachify 測試」

Create a LINE Login channel — 設定 Channel 基本資訊

看到這麼一長串覺得有點害怕嗎?
別擔心!我們接下來會告訴你要怎麼填
【Channel type】:LINE login
【Provider】:你取的 Provider 名稱

下面兩個欄位請都選取「 Taiwan」
【Region to provide the service】:Taiwan
【Company or owner's country or region】:Taiwan

【Channel icon】: 上傳網站或品牌 Logo
【Channel name】: 輸入你對外想顯示的商店/頻道名稱
【Channel description】: 請輸入商店簡述
以上內容會顯示在 學員點擊 LINE 註冊後 所出現的畫面中。
【App types】: 同時勾選「WEB app」和「Mobile app」
【Email address】: 基本上會自動帶入你的 LINE 登入Email


【Privacy policy URL】:網站隱私政策網址(選填)可先忽略。
【Terms of use URL】:網站服務條款網址(選填)可先忽略。
最後請記得勾選【同意條款】
上述步驟完成,請點擊綠色「Create」按鈕。

此時,畫面應該會變成以下示意圖。

【關鍵重點】請到 Provide 頁面的 Basic settings
請到剛建立的 Channel → 「Basic settings 」頁籤
※ 複製 【Channel ID】 跟 【Channel secret】
(右邊會看到小小的複製 icon,可先複製到記事本,這個接下來會用到!)

在畫面最下方,應會看到【OpenID Connect】
點擊右側黑色「Apply」,依序勾選同意條款,上傳相關圖片,最後按「Submit(提交)」
Email address permission:應會從 「Unapplied」變成「Applied」


【關鍵重點】將 LINE Developers 後台上的「Channel ID」以及「 Channel Secret」貼至 Teachify 後台
先不要關閉 LINE Developers 那邊的視窗。
請到你的 Teachify 學院後台,學院設定 → 服務列表 → LINE 註冊與登入
進入 Teachify 「LINE 註冊與登入」頁面後
將LINE Developers 的【 Channel ID】 以及【 Channel Secret】 貼到 Teachify 後台 ;
是否啟用,選擇「是」


【關鍵重點】將 Teachify 後台的「 Callback URL 」貼回 LINE Developers 的後台
請回到 LINE Developers 後台
將 Teachify 後台欄位顯示的「 Callback URL 」複製下來,貼回 LINE Developers 後台,貼上之後,按「Update」按紐。
Callback URL 位置在剛建立的 Channel → 「LINE login」頁籤處


更改狀態為發布
全部完成設定後,可將狀態「Developing」轉至「Published」(點選一下,發布即可)



大功告成!請確認 Teachify 學院是否出現正確出現 LINE 登入選項。

學員登入會出現類似以下許可畫面。

如果以上回答都沒有回答到你的問題,或有任何想與我們討論,請點選右下角藍色 icon 跟我們聯絡,我們將會盡快回覆。
更新時間: 10/03/2023
感謝!