G-Lab 01 設定Google Login 服務-加載在網頁或應用程式

 

文章日期:2022/3/13 -

(文章日期 的用意，可能未來設定畫面 或者設定方式不同)

Step 1: 進入  https://console.developers.google.com/ 

            並點選同意繼續。

Step 2: 建立專案Poject:

                可能會設定到公司google workplace group 群組。

                如果自己要使用，用自己的google帳戶登入後設定使用(選擇無機構)

Step 3:選擇 一個 專案，然後點選左邊的OAuth2.0。

Step 4: 選擇 內部 或 外部 => 

理解如下:

• 內部: 就是 只想讓 自己公司的 人使用，也就是外面的人即使知道website路徑也進不去。
• 外部:就是開發 出來的應用程式 或 網頁，以google login 登入進入，進行管制。

官方說明與路徑如下:

用戶類型 -:內/外部使用者的說明。 

發布狀態- :測試 與 進行 中的 配額與注意事項。

https://support.google.com/cloud/answer/10311615#user-type&zippy=%2Ctesting

Step 5 : 設定網域以及 [隱私權同意 ]與相關 [服務條管等法律相關說明]

            可以放入公司官方文件的網址鏈結。

Step 6: 設定 要應用google login 的 網域/網站/應用程式

『已授權網域』要填寫未包含Https://跟www.的網址，填寫完畢點選『儲存並繼續』

如下， 假設填入 blog.com 就沒有紅字.

Step 6 - 點選左邊的[憑證]選項,接著點[建立憑證],然後再點選[OAuth 用戶端 ID]。

Step 7 - 應用程式類型選擇<網路應用程式>。

Step 8- 名稱處填入網站名稱，並在『已授權的重新導向URI』中填入可能應用重新導向的AP

例如網域為 https://www.Test.com.tw/

則需填入

https://www.Test.com.tw/Account/GoogleResponse

以及

https://www.Test.com.tw/signin-google
以及
https://www.Test.com.tw/GoogleAddResponse
以及
https://www.Test.com.tw/Account/GoogleAddResponse
以及
https://www.Test.com.tw/Account/GoogleAddResponse
以及
https://www.Test.com.tw/Account/signin-google
六個網址。

Step9 :完成後即會取得 用戶端 ID 以及 用戶端密碼 ，請將此資料複製給到後端平台管理員。

(自己設定後端也可以)