Google身份服务：如何保存会话

Question

我正在迁移一个与Google Drive JS API交互的Web应用程序，并迁移到新的Google Identity Services API，并遵循此 QuickStart Guide 。 GIS是强制性的，因为从2023年3月开始，旧的将不再使用。

在本指南中，只有一个小便条提及保留页面上的状态之后的记录：

注意：在初始用户授权之后，您可以立即致电gapi.auth.auth.authorize。

但是，没有明确的代码示例如何做到这一点，此外，人们可以在迁移指南，gapi.auth2.authorize（）已弃用。

• 使用一台TAP（一个带有ID“ G_ID_ONLOAD”的DIV）不是解决方案，因为我需要一个扩展范围（以稍后在Google Drive上访问）
• 将访问令牌存储在LocalStorage中（如某些线程中所述）是没有选项的，因为它违反了oauth模型
• 调用requestAccessToken（）在每个页面重新加载而无需用户互动之后，这不是一个选项，因为第一个根本没有显示弹出窗口（在所有主要浏览器中被阻止），如果允许弹出弹出显示并立即隐藏（糟糕的UI）

可以给我一个例子，其中通过JS使用GSI，可以通过Page Reloads保存会话？

看来Google身份服务尚未准备就绪，还是我错了？

Answer 1

为了提供帮助：

1. Google 3P授权Javascript javascript javascript库 in 我们可以检查新库具有的所有方法（它不会刷新令牌等。
2. 此链接 GIS＃cookies“ rel =“ nofollow noreferrer”>此文档说库不会控制cookie以保持状态。

解决方案

• 首先，我需要谢谢@sam o'riil答案。

如Sam所述：“您可以以某种方式保存访问令牌，并在重新加载后加快它来加速事物。”

给定 Google的Exampe ，我们应该应该调用inittokencLient为了配置Google auth和requestAcccessToken以弹出auth：

tokenClient = google.accounts.oauth2.initTokenClient({
          client_id: 'YOUR_CLIENT_ID',
          scope: 'https://www.googleapis.com/auth/calendar.readonly',
          prompt: 'consent',
          callback: tokenCallback
      });
tokenClient.requestAccessToken({prompt: ''})

在您的tokencallback中，您可以保存以某种方式保存凭据，例如：

const tokenCallback(credentials) => {
    // save here the credentials using localStorage or cookies or whatever you want to.
}

最后，当您重新启动/重新加载应用程序并初始化gapi.server再次初始化时，您只需要再次获得凭据并将令牌设置为gapi，例如：

gapi.load('client', function() {
    gapi.client.init({}).then(function() {
      let credentials = // get your credentials from where you saved it
      credentials = JSON.parse(credentials); // parse it if you got it as string
      gapi.client.setToken(credentials);

      ... continue you app ...
    }).catch(function(err) {
      // do catch...
    });
});

这样做，您的应用程序将在重新加载后起作用。我知道这不是最好的解决方案，但是看到您拥有的内容和图书馆提供的内容，我认为您可以做到。

ps：令牌在1小时后到期，并且没有刷新令牌（使用隐式流），因此，您必须要求用户再次登录。