社群登入:使用 Nextend Social Login and Register 外掛
Last updated
Last updated
Line 登入需要付費版外掛
從後台 / Nextend Social Login
選擇要設定的社群,按 Getting Started
官方教學:https://nextendweb.com/nextend-social-login-docs/provider-google/
官方教學影片:https://www.youtube.com/watch?v=i01nbsbNMmw&list=PLSawiBnEUNftt3EDqnP2jIXeh6q0pZ5D8&index=3
點選 「 Getting Started 」 後會進入以下畫面,請依以下步驟進行設置:
如果您還沒有專案,則需要創建一個。按下 「新建專案 」 來執行此操作(如果已經有一個專案,那麼在頂部欄中按兩下您的項目名稱,會彈出一個模態框並按下按下 「新建專案 」 )
為專案命名,然後再次按下 「 建立 」
5.擁有專案後,會進入儀錶板。( 如果之前已經有一個專案,請在頂部列中選擇已創建的專案),點擊左側的 「OAuth 同意畫面」
根據需要選擇使用者類型,然後按 「 建立 」 。如果您想為任何擁有 Google 帳戶的使用者啟用 Google登錄,請選擇 「 外部 」 選項!
輸入以下,在 「授權網域」 下,按 「新增網域」 不要帶子域!例如:example.com,最後「儲存並繼續」
依序完成並按 「儲存並繼續」
在左側選 「憑證」,然後按下 「 +建立憑證 」 ,選擇 「OAuth 用戶端 ID」
在 「應用程式類型」 下選擇 「網頁應用程式」 ,並為您的 OAuth 用戶端 ID 命名(僅供控制台查看)。
按 「+新增URI」 按紐,貼上WP後台的 Nextend Social Login 找到後端建議的 URL,最後點擊 「建立」
完成後會跳出以下視窗,如果沒有請轉到左側列表的「用戶端」選擇您的應用程式查詢,複製“用戶端編號Client ID”和“用戶端密碼Client Secret”
將複製下來的“用戶端編號Client ID”和“用戶端密碼Client Secret” ,貼到WP後台的Settings中並按下「儲存設定」
會跳出驗證對話框,再按下 「Verify Settings」 進行驗證 (此驗證可説明您識別應用程式可能存在的問題)
按下左側的“OAuth 同意螢幕”,按 「發佈應用程式」按鈕,然後按確認,完成:)
啟用後,每次使用者使用 Google登錄時,Google 都會顯示帳戶選擇提示
如果您尚未登錄,請使用您的 Line 企業帳號登入
按一下 「 Create a new provider 」 按鈕。
填寫 “Provider name” 字段,然後按一下 “Create” 按鈕。
在 「 Channels 」 面板下,選擇 「 Create a LINE Login channel 」 選項。
確保 “LINE Login” 選擇 “Channel type”
對於 “Provider”,從清單中選擇您剛剛建立的提供者。
選擇您的 “Region”。
新增您的 「 Channel icon 」 、 「 Channel name 」 和 「Channel description 」 。這些將出現在您的同意畫面上!
在 「 App types 」 中選擇 「 Web app 」 選項。
閱讀並同意 “LINE Developers Agreement”,然後按一下 “Create” 按鈕。
向下捲動到 “OpenID Connect”,點擊 “Email address permission””標籤附近的 “Apply” 按鈕。
填寫表格,然後按一下 「 Submit 」 按鈕。
向上捲動至頁面頂部並選擇 “LINE Login” 部分。
在 「 Callback URL 」 欄位中,新增 Nextend Social Login 在後端建議的 URL。
在您的應用程式名稱下,點擊 “Developing” 按鈕並發布您的頻道!
轉到 “Basic settings” 選項卡,找到必要的 “Channel ID” 和 “Channel secret” 值,然後在插件設定中填寫這些欄位!
官方教學:https://nextendweb.com/nextend-social-login-docs/provider-facebook/
官方教學影片:https://www.youtube.com/watch?v=giHaGhjuh2A&list=PLSawiBnEUNftt3EDqnP2jIXeh6q0pZ5D8&index=2
按下 「建立應用程式」 按鈕
填寫 「應用程式名稱」 和 「聯繫電子郵件」 欄位,並繼續下一步,最後按下確定
成功建立應用程式後會進入主控版畫面,找到FB按下設定
選擇 「網站」 ,並輸入你網站網址,記得按 “save”
在WP網站後台>設定> Nextend Social Login>FB getting start 。找到URI並複製,貼到框選位置
到應用程式設定>基本資料 填寫,完成後按下 「上線」 按鈕
在應用程式的左側選中“基本資料”中找到App ID 應用程式編號 和 App Secret 應用程式密鑰,進入後台填入
於後台完成設定
最後按下 「Eable」 。當登錄畫面出現 FB登錄按鈕 即成功