如何設定 Google 帳號快速註冊 /登入?
首先,請前往 Google API Console,登入你的 Google 帳號。

你應該會看到以下畫面,點擊右上角的「建立專案」

設定一個專案名稱,點選「建立」

如果 google 帳號非企業/公司帳號,位置* 可先選「無機構」

點選左側列表的「OAuth 同意畫面」,User Type 選擇「外部」>「建立」

在 編輯應用程式註冊申請 頁面下方, 填寫 OAuth (開放授權)相關資料。
以下四個欄位為必填*
應用程式資訊 :應用程式名稱、使用者支援電子郵件
授權網域:請填 「Kaik.io」以及您自訂的網域名稱(點選「新增網域」即可新增)
開發人員聯絡資訊:電子郵件地址
填寫完成後,點選「儲存並繼續」。

點選左側列表的「憑證」,按一下「建立憑證」, 選擇「OAuth 用戶端 ID」


在「建立OAuth 用戶端 ID 」畫面,應用程式類型請選擇「網頁應用程式」

「名稱*」可自由命名,接著點選下方的「建立」

等待1 - 2秒後,會跳出「OAuth 用戶端以建立」視窗。
畫面會顯示「 您的用戶端 ID 」以及「 您的用戶端密碼」,請分別複製下來。

如果還沒複製數字,就不小心按下「確定」,也不用擔心!
在「憑證」處 > OAuth 2.0 用戶端 ID,點一下剛剛建立的「用戶端名稱」。

在 網頁應用程式 的用戶端 ID 畫面右側,可看到「用戶端編號」跟「用戶端密碼」

請到您的 Teachify 管理後台 →「設定」 → 「 Google 註冊與登入設定 」
將剛剛 Google 後台複製的「您的用戶端 ID」貼至 Teachify 後台的「用戶端編號」
「您的用戶端密碼」貼至「用戶端密碼」
並複製「已授權的重新導向 URI」
最後在「是否啟用?」處,選擇「是」,按一下「新增模組」

請再回到剛剛「網頁應用程式 的用戶端 ID」 頁面(路徑可參考步驟 8 )
將畫面往下拉,應可看到「 已授權的重新導向 URL 」選項,按一下「+ 新增 URL」,將前面 Teachify 後台複製的「已授權的重新導向 URI」網址貼上 URL 欄位,按「儲存」。

以上步驟都完成後,即可測試是否能正常使用 Google 帳號註冊/登入囉!

若出現錯誤訊息「已封鎖存取權」、「尚未完成 Google 驗證程序、應用程式目前處於測試階段」
還請確認在以下的畫面中,應用程式的「驗證」是否有完成,並且確保應用程式的狀態是「實際運作中」

註:由於 Google 的安全性政策,為避免使用者個資遭流出,目前 不允許特定的嵌入式瀏覽器 ,進行 Google 帳號註冊或登入。
舉例來說,學員如從「 LINE 瀏覽器」點擊到你的學院頁面,可能會無法正常註冊或登入,如發生類似情形,請學員直接複製課程連結,另開 Chrome 或是 Safari 瀏覽器進行後續動作。
如果以上回答都無法解決你的問題,或有任何建議,請點選右下角藍色 icon 跟我們聯絡,我們將會盡快回覆。

你應該會看到以下畫面,點擊右上角的「建立專案」

設定一個專案名稱,點選「建立」

如果 google 帳號非企業/公司帳號,位置* 可先選「無機構」

點選左側列表的「OAuth 同意畫面」,User Type 選擇「外部」>「建立」

在 編輯應用程式註冊申請 頁面下方, 填寫 OAuth (開放授權)相關資料。
以下四個欄位為必填*
應用程式資訊 :應用程式名稱、使用者支援電子郵件
授權網域:請填 「Kaik.io」以及您自訂的網域名稱(點選「新增網域」即可新增)
開發人員聯絡資訊:電子郵件地址
填寫完成後,點選「儲存並繼續」。

點選左側列表的「憑證」,按一下「建立憑證」, 選擇「OAuth 用戶端 ID」


在「建立OAuth 用戶端 ID 」畫面,應用程式類型請選擇「網頁應用程式」

「名稱*」可自由命名,接著點選下方的「建立」

等待1 - 2秒後,會跳出「OAuth 用戶端以建立」視窗。
畫面會顯示「 您的用戶端 ID 」以及「 您的用戶端密碼」,請分別複製下來。

如果還沒複製數字,就不小心按下「確定」,也不用擔心!
在「憑證」處 > OAuth 2.0 用戶端 ID,點一下剛剛建立的「用戶端名稱」。

在 網頁應用程式 的用戶端 ID 畫面右側,可看到「用戶端編號」跟「用戶端密碼」

請到您的 Teachify 管理後台 →「設定」 → 「 Google 註冊與登入設定 」
將剛剛 Google 後台複製的「您的用戶端 ID」貼至 Teachify 後台的「用戶端編號」
「您的用戶端密碼」貼至「用戶端密碼」
並複製「已授權的重新導向 URI」
最後在「是否啟用?」處,選擇「是」,按一下「新增模組」

請再回到剛剛「網頁應用程式 的用戶端 ID」 頁面(路徑可參考步驟 8 )
將畫面往下拉,應可看到「 已授權的重新導向 URL 」選項,按一下「+ 新增 URL」,將前面 Teachify 後台複製的「已授權的重新導向 URI」網址貼上 URL 欄位,按「儲存」。

以上步驟都完成後,即可測試是否能正常使用 Google 帳號註冊/登入囉!

無法登入、出現錯誤訊息
若出現錯誤訊息「已封鎖存取權」、「尚未完成 Google 驗證程序、應用程式目前處於測試階段」
還請確認在以下的畫面中,應用程式的「驗證」是否有完成,並且確保應用程式的狀態是「實際運作中」

註:由於 Google 的安全性政策,為避免使用者個資遭流出,目前 不允許特定的嵌入式瀏覽器 ,進行 Google 帳號註冊或登入。
舉例來說,學員如從「 LINE 瀏覽器」點擊到你的學院頁面,可能會無法正常註冊或登入,如發生類似情形,請學員直接複製課程連結,另開 Chrome 或是 Safari 瀏覽器進行後續動作。
如果以上回答都無法解決你的問題,或有任何建議,請點選右下角藍色 icon 跟我們聯絡,我們將會盡快回覆。
更新時間: 22/02/2024
感謝!