使用 OAuth 連結 Google 帳戶

帳戶是透過業界標準的 OAuth 2.0 隱含授權碼流程連結。

您的服務必須支援符合 OAuth 2.0 規範的授權權杖交換端點。

隱含流程中,Google 會在使用者的瀏覽器中開啟授權端點。成功登入後,會將長期存取權杖傳回 Google。這個存取權杖現在已納入 Google 發出的每項要求。

授權碼流程中,您需要兩個端點:

  • 授權端點,會為尚未登入的使用者顯示登入 UI。授權端點也會建立短效授權碼,記錄使用者對所要求存取權的同意聲明。

  • 權杖交換端點,負責兩種交換:

    1. 交換授權碼用於長期更新權杖和短期存取權杖。使用者進行帳戶連結流程時,就會發生這個交換。
    2. 這個外掛程式能使用長期更新權杖做為短期存取權杖。 如果 Google 需要新的存取權存證,因為舊的存證已過期,就會發生此交換。

選擇 OAuth 2.0 流程

雖然隱含流程的實作方式較簡單,但 Google 建議隱含流程發出的存取權杖永遠不會過期。這是因為權杖過期後,系統必須要求使用者再次連結帳戶。如果您基於安全性考量而需要代碼到期,強烈建議您改用授權程式碼流程。

設計指南

本節說明針對 OAuth 連結流程所託管使用者畫面的設計需求和建議。Google 的應用程式呼叫後,您的平台會向使用者顯示登入 Google 頁面和帳戶連結同意畫面。使用者同意連結帳戶後,系統會將他們導向 Google 的應用程式。

這張圖片顯示使用者將 Google 帳戶連結至驗證系統的步驟。第一張螢幕截圖顯示使用者從平台啟動的連結。第二張圖片顯示使用者登入 Google,第三張圖片則顯示使用者同意並確認將 Google 帳戶連結至您的應用程式。最後一張螢幕截圖顯示 Google 應用程式中已成功連結使用者帳戶。
圖 1. 帳戶連結使用者登入 Google 和同意畫面。

需求條件

  1. 您必須說明使用者的帳戶將連結至 Google,而不是 Google Home 或 Google 助理等特定 Google 產品。

建議

建議您採取以下做法:

  1. 顯示《Google 隱私權政策》。在同意畫面加入 Google 隱私權政策連結。

  2. 要共用的資料。使用簡潔明瞭的表達方式,向使用者說明 Google 需要他們的哪些資料,以及原因。

  3. 明確的行動號召。在同意聲明畫面上明確列出行動號召,例如「同意並連結」。這是因為使用者需要瞭解自己必須與 Google 分享哪些資料,才能連結帳戶。

  4. 可取消訂閱。如果使用者選擇不連結,請提供返回或取消的選項。

  5. 清除登入程序。請確認使用者有明確的方法登入 Google 帳戶,例如使用者名稱和密碼欄位,或使用 Google 帳戶登入

  6. 可取消連結。提供使用者解除連結的機制,例如平台上帳戶設定的網址。或者,您也可以加入 Google 帳戶的連結,讓使用者能管理已連結帳戶。

  7. 變更使用者帳戶的功能。建議使用者切換帳戶的方法。如果使用者傾向擁有多個帳戶,這項功能就特別實用。

    • 如果使用者必須關閉同意畫面才能切換帳戶,請將可復原的錯誤傳送給 Google,方便使用者透過 OAuth 連結隱含流程登入所需帳戶。
  8. 加入標誌。在同意畫面上顯示公司標誌。 請依照您的樣式規範放置標誌。如果您也想顯示 Google 的標誌,請參閱標誌和商標

建立專案

如要建立專案以使用帳戶連結,請按照下列步驟操作:

  1. 前往 Google API 控制台
  2. 按一下 [Create Project]
  3. 輸入名稱或接受系統產生的建議。
  4. 確認或編輯其餘欄位。
  5. 點選「建立」

如要查看專案 ID,請按照下列步驟操作:

  1. 前往 Google API 控制台
  2. 在到達網頁的表格中找出專案。專案 ID 會顯示在「ID」欄中。

Google 帳戶連結程序會顯示同意畫面,告知使用者要求存取資料的應用程式、要求存取的資料類型,以及適用條款。您必須先設定 OAuth 同意畫面,才能產生 Google API 用戶端 ID。

  1. 開啟 Google API 控制台的「OAuth consent screen」(OAuth 同意畫面) 頁面。
  2. 如果出現提示,請選取您剛建立的專案。
  3. 在「OAuth 同意畫面」頁面中填寫表單,然後按一下「儲存」按鈕。

    應用程式名稱:要求同意的應用程式名稱。名稱應如實反映應用程式,且與使用者在其他地方看到的應用程式名稱一致。應用程式名稱會顯示在帳戶連結同意畫面上。

    應用程式標誌:同意畫面上的圖片,可協助使用者識別您的應用程式。標誌會顯示在帳戶連結同意畫面和帳戶設定中。

    支援電子郵件:方便使用者與您聯絡,洽詢同意聲明相關事宜。

    Google API 的範圍:範圍可讓應用程式存取使用者的私人 Google 資料。如果是 Google 帳戶連結用途,預設範圍 (電子郵件地址、個人資料、openid) 就已足夠,不需要新增任何敏感範圍。一般而言,最佳做法是在需要存取權時,逐步要求範圍,而不是預先要求。瞭解詳情

    授權網域:為保障您與使用者的安全,Google 只允許應用程式透過 OAuth 驗證,使用授權網域。應用程式的連結必須託管於授權網域。瞭解詳情

    應用程式首頁連結:應用程式的首頁。必須託管在已授權網域。

    應用程式隱私權政策連結:顯示在 Google 帳戶連結同意畫面上。必須託管在已授權網域。

    應用程式服務條款連結 (選填):必須託管於已授權網域。

    圖 1. 虛構應用程式 Tunery 的 Google 帳戶連結同意畫面

  4. 查看「驗證狀態」,如果應用程式需要驗證,請點按「送交驗證」按鈕,將應用程式送交驗證。詳情請參閱「OAuth 驗證規定」。

導入 OAuth 伺服器

OAuth 2.0 伺服器實作的授權碼流程包含兩個端點,您的服務會透過 HTTPS 提供這些端點。第一個端點是授權端點,負責尋找或取得使用者同意聲明,允許存取資料。授權端點會向尚未登入的使用者顯示登入 UI,並記錄他們對所要求存取的同意聲明。第二個端點是權杖交換端點,用於取得加密字串 (稱為權杖),授權使用者存取您的服務。

當 Google 應用程式需要呼叫您服務的 API 時,Google 會一併使用這些端點,向使用者取得代表他們呼叫這些 API 的權限。

Google 帳戶連結:OAuth 授權碼流程

下方的序列圖詳細說明使用者、Google 和服務端點之間的互動。

使用者 Google 應用程式/瀏覽器 Google 伺服器 您的驗證端點 您的權杖端點 1. 使用者啟動連結程序 2. 重新導向至驗證端點 (GET) client_id、redirect_uri、state、scope 3. 顯示登入和同意畫面 4. 使用者驗證身分並授予同意聲明 5. 重新導向回 Google (GET) code、state 6. 處理重新導向並傳遞代碼/狀態 7. 權杖交換 (POST) grant_type=authorization_code, code 8. 傳回權杖 (200 OK) access_token、refresh_token 9. 儲存使用者權杖 10. 存取使用者資源
圖 1. OAuth 2.0 授權碼流程中的事件順序,適用於 Google 帳戶連結。

角色與職責

下表定義 Google 帳戶連結 (GAL) OAuth 流程中參與者的角色和職責。請注意,在 GAL 中,Google 是 OAuth 用戶端,而您的服務是身分/服務供應商

執行者 / 元件 GAL 角色 職責
Google 應用程式 / 伺服器 OAuth 用戶端 啟動流程、接收授權碼、將授權碼換成權杖,並安全地儲存權杖,以便存取服務的 API。
您的授權端點 授權伺服器 驗證使用者身分,並徵得同意,允許 Google 存取使用者資料。
您的權杖交換端點 授權伺服器 驗證授權碼和更新權杖,並將存取權杖核發給 Google 伺服器。
Google 重新導向 URI 回呼端點 從授權服務接收使用者重新導向,其中包含 codestate 值。

Google 啟動的 OAuth 2.0 授權碼流程工作階段會依下列流程進行:

  1. Google 會在使用者瀏覽器中開啟授權端點。如果使用者在僅支援語音的裝置上啟動動作流程,Google 會將執行作業轉移至手機。
  2. 使用者登入 (如果尚未登入),並授權 Google 透過您的 API 存取資料 (如果尚未授權)。
  3. 您的服務會建立授權碼,並傳回給 Google。如要這麼做,請將使用者的瀏覽器重新導向回 Google,並在要求中附加授權碼。
  4. Google 會將授權碼傳送至權杖交換端點,該端點會驗證授權碼的真實性,並傳回存取權杖更新權杖。存取權杖是短期權杖,服務會接受這類權杖做為存取 API 的憑證。更新權杖是長期有效的權杖,Google 可以儲存並在存取權杖過期時使用,以取得新的存取權杖。
  5. 使用者完成帳戶連結流程後,Google 傳送的每個後續要求都會包含存取權杖。

處理授權要求

如要使用 OAuth 2.0 授權碼流程執行帳戶連結,Google 會將使用者傳送至您的授權端點,並在要求中加入下列參數:

授權端點參數
client_id 您指派給 Google 的用戶端 ID。
redirect_uri 您用來傳送此要求回覆的網址。
state 會傳回給 Google 的記帳值,且在重新導向 URI 中不會變更。
scope 選填:以空格分隔的一組範圍字串,用於指定 Google 要求授權的資料。
response_type 要在回應中傳回的值類型。如果是 OAuth 2.0 授權碼流程,回應類型一律為 code
user_locale Google 帳戶語言設定,格式為 RFC5646,用於以使用者偏好的語言顯示內容。

舉例來說,如果授權端點位於 https://myservice.example.com/auth,要求可能如下所示:

GET https://myservice.example.com/auth?client_id=GOOGLE_CLIENT_ID&redirect_uri=REDIRECT_URI&state=STATE_STRING&scope=REQUESTED_SCOPES&response_type=code&user_locale=LOCALE

如要讓授權端點處理登入要求,請按照下列步驟操作:

  1. 確認 client_id 與您指派給 Google 的用戶端 ID 相符,且 redirect_uri 與 Google 為您的服務提供的重新導向網址相符。請務必完成這些檢查作業,以免將存取權授予非預期或設定錯誤的用戶端應用程式。如果支援多個 OAuth 2.0 流程,請一併確認 response_typecode
  2. 確認使用者是否已登入您的服務。如果使用者未登入,請完成服務的登入或註冊流程。
  3. 產生授權碼,供 Google 用來存取您的 API。授權碼可以是任何字串值,但必須能代表使用者、權杖所屬的用戶端,以及代碼的到期時間,且不得可供猜測。您通常會發出授權碼,該授權碼會在約 10 分鐘後失效。
  4. 確認 redirect_uri 參數指定的網址具有下列格式:
      https://oauth-redirect.googleusercontent.com/r/YOUR_PROJECT_ID
      https://oauth-redirect-sandbox.googleusercontent.com/r/YOUR_PROJECT_ID
      
  5. 將使用者的瀏覽器重新導向至 redirect_uri 參數指定的網址。重新導向時,請附上您剛產生的授權碼和原始未修改的狀態值,方法是附加 codestate 參數。以下是最終網址的範例:
    https://oauth-redirect.googleusercontent.com/r/YOUR_PROJECT_ID?code=AUTHORIZATION_CODE&state=STATE_STRING

處理權杖交換要求

服務的權杖交換端點負責兩種權杖交換:

  • 以授權碼換取存取權杖和更新權杖
  • 以更新權杖換取存取權杖

權杖交換要求包含下列參數:

權杖交換端點參數
client_id 這個字串可將要求來源識別為 Google。這個字串必須在系統中註冊為 Google 的專屬 ID。
client_secret 你向 Google 註冊的服務專用密鑰。
grant_type 要交換的權杖類型。可以是 authorization_coderefresh_token
code grant_type=authorization_code 時,這個參數是 Google 從登入或權杖交換端點收到的代碼。
redirect_uri 如果是 grant_type=authorization_code,這個參數就是初始授權要求中使用的網址。
refresh_token 如果 grant_type=refresh_token,這個參數就是 Google 從權杖交換端點收到的更新權杖。
以授權碼換取存取權杖和更新權杖

使用者登入後,授權端點會將短期授權碼傳回給 Google,接著 Google 會向權杖交換端點傳送要求,將授權碼換成存取權杖和更新權杖。

對於這類要求,grant_type 的值為 authorization_code,而 code 的值則是您先前授予 Google 的授權碼值。以下是要求交換授權碼以取得存取權杖和更新權杖的範例:

POST /token HTTP/1.1
Host: oauth2.example.com
Content-Type: application/x-www-form-urlencoded

client_id=GOOGLE_CLIENT_ID&client_secret=GOOGLE_CLIENT_SECRET&grant_type=authorization_code&code=AUTHORIZATION_CODE&redirect_uri=REDIRECT_URI

如要將授權碼換成存取權杖和更新權杖,權杖交換端點會執行下列步驟,回應 POST 要求:

  1. 確認 client_id 將要求來源識別為授權來源,且 client_secret 符合預期值。
  2. 確認授權碼有效且未過期,且要求中指定的用戶端 ID 與授權碼相關聯的用戶端 ID 相符。
  3. 確認 redirect_uri 參數指定的網址與初始授權要求中使用的值相同。
  4. 如果無法驗證上述所有條件,請傳回 HTTP 400 Bad Request 錯誤,並以 {"error": "invalid_grant"} 做為主體。
  5. 否則,請使用授權碼中的使用者 ID 產生更新權杖和存取權杖。這些權杖可以是任何字串值,但必須代表權杖所屬的使用者和用戶端,且不得可供猜測。如果是存取權杖,請一併記錄權杖的到期時間,通常是發放權杖後的一小時。更新權杖不會過期。
  6. 在 HTTPS 回應的主體中傳回下列 JSON 物件:
    {
    "token_type": "Bearer",
    "access_token": "ACCESS_TOKEN",
    "refresh_token": "REFRESH_TOKEN",
    "expires_in": SECONDS_TO_EXPIRATION
    }

Google 會儲存使用者的存取權杖和更新權杖,並記錄存取權杖的到期時間。存取權杖過期時,Google 會使用更新權杖,從權杖交換端點取得新的存取權杖。

以更新權杖換取存取權杖

存取權杖到期時,Google 會向權杖交換端點傳送要求,將更新權杖換成新的存取權杖。

對於這類要求,grant_type 的值為 refresh_token,而 refresh_token 的值則是您先前授予 Google 的更新權杖值。以下是要求以更新權杖換取存取權杖的範例:

POST /token HTTP/1.1
Host: oauth2.example.com
Content-Type: application/x-www-form-urlencoded

client_id=GOOGLE_CLIENT_ID&client_secret=GOOGLE_CLIENT_SECRET&grant_type=refresh_token&refresh_token=REFRESH_TOKEN

如要將更新權杖換成存取權杖,權杖交換端點會執行下列步驟,回應 POST 要求:

  1. 確認 client_id 將要求來源識別為 Google,且 client_secret 與預期值相符。
  2. 確認更新權杖有效,且要求中指定的用戶端 ID 與更新權杖相關聯的用戶端 ID 相符。
  3. 如果無法驗證上述所有條件,請傳回 HTTP 400 Bad Request 錯誤,並將 {"error": "invalid_grant"} 做為主體。
  4. 否則,請使用更新權杖中的使用者 ID 產生存取權杖。這些權杖可以是任何字串值,但必須能唯一代表使用者和權杖所屬的用戶端,且不得可供猜測。如果是存取權杖,請一併記錄權杖的到期時間,通常是在核發權杖後一小時。
  5. 在 HTTPS 回應主體中傳回下列 JSON 物件:
    {
    "token_type": "Bearer",
    "access_token": "ACCESS_TOKEN",
    "expires_in": SECONDS_TO_EXPIRATION
    }
處理使用者資訊要求

userinfo 端點是 OAuth 2.0 受保護的資源,可傳回已連結使用者的聲明。除了下列用途外,不一定要實作並代管 userinfo 端點:

成功從權杖端點擷取存取權杖後,Google 會向您的使用者資訊端點傳送要求,以擷取已連結使用者的基本個人資料。

userinfo 端點要求標頭
Authorization header Bearer 類型的存取權杖。

舉例來說,如果您的 userinfo 端點位於 https://myservice.example.com/userinfo,要求可能如下所示:

GET /userinfo HTTP/1.1
Host: myservice.example.com
Authorization: Bearer ACCESS_TOKEN

為了讓 userinfo 端點處理要求,請按照下列步驟操作:

  1. 從授權標頭擷取存取權杖,然後為與存取權杖相關聯的使用者傳回資訊。
  2. 如果存取權杖無效,請使用 WWW-Authenticate 回應標頭傳回 HTTP 401 Unauthorized 錯誤。以下是 userinfo 錯誤回應的範例:
    HTTP/1.1 401 Unauthorized
    WWW-Authenticate: error="invalid_token",
    error_description="The Access Token expired"
    
    敬上 如果連結過程中傳回 401 未授權錯誤或其他失敗錯誤回應,將無法復原錯誤,擷取到的憑證將遭到捨棄,使用者必須再次啟動連結程序。
  3. 如果存取權杖有效,則傳回並傳回 HTTP 200 回應,且 HTTPS 內文含有下列 JSON 物件 回應:

    {
    "sub": "USER_UUID",
    "email": "EMAIL_ADDRESS",
    "given_name": "FIRST_NAME",
    "family_name": "LAST_NAME",
    "name": "FULL_NAME",
    "picture": "PROFILE_PICTURE",
    }
    敬上 如果您的 userinfo 端點傳回 HTTP 200 成功回應,則會根據使用者的 Google 帳戶登錄擷取的權杖和憑證附加資訊。

    userinfo 端點回應
    sub 用來在系統中識別使用者的專屬 ID。
    email 使用者的電子郵件地址。
    given_name 選填:使用者的名字。
    family_name 選填:使用者的姓氏。
    name 選填:使用者全名。
    picture 選用:使用者的個人資料相片。

驗證實作

您可以使用 OAuth 2.0 Playground 工具驗證實作成果。

在工具中執行下列步驟:

  1. 點選「設定」 開啟「OAuth 2.0 設定」視窗。
  2. 在「OAuth flow」欄位中,選取「用戶端」
  3. 在「OAuth Endpoints」(OAuth 端點) 欄位中,選取「Custom」(自訂)
  4. 在對應欄位中,指定 OAuth 2.0 端點和您指派給 Google 的用戶端 ID。
  5. 在「步驟 1」部分,請勿選取任何 Google 範圍。請將這個欄位留空,或輸入適用於伺服器的範圍 (如果您未使用 OAuth 範圍,則輸入任意字串)。完成後,請按一下「授權 API」
  6. 在「步驟 2」和「步驟 3」部分,請完成 OAuth 2.0 流程,並確認每個步驟都能正常運作。

您可以使用 Google 帳戶連結示範工具驗證實作項目。

在工具中執行下列步驟:

  1. 按一下「使用 Google 帳戶登入」按鈕。
  2. 選擇要連結的帳戶。
  3. 輸入服務 ID。
  4. 選擇性輸入您要要求存取的一或多個範圍。
  5. 按一下「開始試用」
  6. 系統顯示提示時,確認您要同意或拒絕連結要求。
  7. 確認系統會將你重新導向至平台。