获取刷新令牌并交换访问令牌 Google 驱动器 Javascript API？

Question

我在前端使用 Google Drive API 以及 Google Picker API。我的目他们的动力。

// Authorizing client initially (I only want them to have to do this once)
await gapi.load("client:auth2", async () => {
  clientInit = window.gapi.auth2.init({
    client_id: driveClientId,
    scope: driveScope,
  });
  await gapi.client.load('drive', 'v2', () => { handleAuthResult(clientInit) });
});

// Setting the access token (expires in 3600s)
async handleAuthResult(authResult) {
    let signInResponse = await authResult.signIn();
    let googleOAuthToken = signInResponse.wc["access_token"];
}

// Creating picker
 new google.picker.PickerBuilder()
    .addView(docsView)
    .setOAuthToken(googleOAuthToken)
    .setCallback(drivePickerCallback)
    .build();

选择器具有将 access_token 作为参数的 .setOAuthToken(access_token) 方法。您最初在授权驱动器后获得的那个在 1 小时后过期，并且它没有给我一个刷新令牌来获取另一个访问令牌。 signInResponse.wc 不包含刷新令牌。

我很困惑如何获得这个刷新令牌，然后如何使用它来获得访问令牌，文档不是很清楚。

Answer 1

好的，所以我能够使用 .grantOfflineAccess() 方法解决这个问题。此 returns 授权代码可用于通过向 https://www.googleapis.com/oauth2/v4/token 发出 POST 请求来交换刷新令牌。

// Getting refresh token 

let offlineAccess = await signInResponse.grantOfflineAccess();

// Authorization code can be used to exchange for a refresh token
let refreshAccessCode = offlineAccess.code;  
let tokenRequest = await axios.request({
    method: 'post',
    url: "https://www.googleapis.com/oauth2/v4/token",
    headers: {"content-type": "application/x-www-form-urlencoded"},
    params: {
      code: refreshAccessCode,
      client_id: this.driveClientId,
      client_secret: this.driveClientSecret,
      redirect_uri: "postmessage",
      grant_type: "authorization_code"
    }
 });

let googleOAuthToken = tokenRequest.data["refresh_token"];

现在您已经有了刷新令牌，您可以通过发出另一个 POST 请求将其交换为访问令牌，如下所示：

// Exchanging refresh token for access code

let tokenRequest = await axios.request({
    method: 'post',
    url: "https://oauth2.googleapis.com/token",
    headers: {"content-type": "application/x-www-form-urlencoded"},
    params: {
      client_id: driveClientId,
      client_secret: driveClientSecret,
      refresh_token: googleOAuthToken,
      grant_type: "refresh_token"
    } 
 });
  
let accessToken = tokenRequest.data["access_token"];

获取刷新令牌并交换访问令牌 Google 驱动器 Javascript API？

Getting refresh token and exchanging for access token Google Drive Javascript API?

drive

access-token

google-oauth

google-api-js-client

refresh-token