Google api 如何长时间（离线）访问谷歌API？

我需要解决的任务是通过WebBrowser中的JS获得Google Sheets和Google Drive的“gapi.auth2”访问权限，而不是长期使用用户直接授予的权限（直到用户获得此权限）

我需要有可能改变（添加一些信息）到谷歌的用户表。用户必须配置要添加的信息。这就是为什么我需要离线保存和使用访问信息（访问和刷新令牌）

我试过的代码：

<div>
    <p>Google Sheets API Quickstart</p>

    <!--Add buttons to initiate auth sequence and sign out-->
    <button id="authorize_button" style="display: none;">Authorize</button>
    <button id="signout_button" style="display: none;">Sign Out</button>

    <pre id="content" style="white-space: pre-wrap;"></pre>

    <script type="text/javascript">
  // Client ID and API key from the Developer Console
  var CLIENT_ID = 'MyID.apps.googleusercontent.com';
  var API_KEY = 'MyKey';

  // Array of API discovery doc URLs for APIs used by the quickstart
  var DISCOVERY_DOCS = ["https://sheets.googleapis.com/$discovery/rest?version=v4"];

  // Authorization scopes required by the API; multiple scopes can be
  // included, separated by spaces.
  var SCOPES = "https://www.googleapis.com/auth/spreadsheets https://www.googleapis.com/auth/drive";

  var authorizeButton = document.getElementById('authorize_button');
  var signoutButton = document.getElementById('signout_button');

  /**
   *  On load, called to load the auth2 library and API client library.
   */
  function handleClientLoad() {
    gapi.load('client:auth2', initClient);
  }

  /**
   *  Initializes the API client library and sets up sign-in state
   *  listeners.
   */
  function initClient() {
    gapi.client.init({
      apiKey: API_KEY,
      clientId: CLIENT_ID,
      discoveryDocs: DISCOVERY_DOCS,
      scope: SCOPES
    }).then(function () {
      // Listen for sign-in state changes.
      gapi.auth2.getAuthInstance().isSignedIn.listen(updateSigninStatus);

      // Handle the initial sign-in state.
      updateSigninStatus(gapi.auth2.getAuthInstance().isSignedIn.get());
      authorizeButton.onclick = handleAuthClick;
      signoutButton.onclick = handleSignoutClick;
    }, function(error) {
      appendPre(JSON.stringify(error, null, 2));
    });
  }

  /**
   *  Called when the signed in status changes, to update the UI
   *  appropriately. After a sign-in, the API is called.
   */
  function updateSigninStatus(isSignedIn) {
    if (isSignedIn) {
      authorizeButton.style.display = 'none';
      signoutButton.style.display = 'block';
      listMajors();
    } else {
      authorizeButton.style.display = 'block';
      signoutButton.style.display = 'none';
    }
  }

  /**
   *  Sign in the user upon button click.
   */
        function handleAuthClick(event) {
            let instance = gapi.auth2.getAuthInstance();
            console.log(instance);
            let promise = instance.signIn();
            console.log(gapi.auth2.getAuthInstance());
            console.log(promise);
            console.log(gapi.client);
            console.log(gapi.client.getToken());
            console.log(gapi.auth2);

            console.log(gapi.auth2.getAuthInstance().currentUser.get().getAuthResponse());
            console.log(gapi.auth2.getAuthInstance().currentUser.get());
            console.log(gapi.auth2.getAuthInstance().currentUser);

            console.log(instance.currentUser);
            console.log(instance.currentUser.ie);
            console.log(instance.currentUser.ie.uc);
            console.log(instance.currentUser.ie.uc.access_token);
            console.log(auth);
            let auth = instance.currentUser.ie.uc.access_token;

            let a = document.getElementById('my');
            a.href += auth;

            let xhr = new XMLHttpRequest();
            xhr.setRequestHeader('Authorization', 'Bearer ' + "ya29.a0Adw1xeXfLePcaSdeluMmvtDrnrgbDibLToC22Vw5yOfIhOpQ1TqxFlROBozsBPbXL1GRYHumMltcLuJWNygtZ1m8IRpfx9n7I-oLQi4BpgaU98nx7InjquPqJ8Yc2aGvN9ac6HI9rqlDPJFTbhxKP37SzG_31x_u6vs");
            xhr.
            xhr.send();


  }

  /**
   *  Sign out the user upon button click.
   */
  function handleSignoutClick(event) {
    gapi.auth2.getAuthInstance().signOut();
  }

  /**
   * Append a pre element to the body containing the given message
   * as its text node. Used to display the results of the API call.
   *
   * param {string} message Text to be placed in pre element.
   */
  function appendPre(message) {
    var pre = document.getElementById('content');
    var textContent = document.createTextNode(message + '\n');
    pre.appendChild(textContent);
  }

  /**
   * Print the names and majors of students in a sample spreadsheet:
   * https://docs.google.com/spreadsheets/d/1BxiMVs0XRA5nFMdKvBdBZjgmUUqptlbs74OgvE2upms/edit
   */
  function listMajors() {
    gapi.client.sheets.spreadsheets.values.get({
      spreadsheetId: '1BxiMVs0XRA5nFMdKvBdBZjgmUUqptlbs74OgvE2upms',
      range: 'Class Data!A2:E',
    }).then(function(response) {
      var range = response.result;
      if (range.values.length > 0) {
        appendPre('Name, Major:');
        for (i = 0; i < range.values.length; i++) {
          var row = range.values[i];
          // Print columns A and E, which correspond to indices 0 and 4.
          appendPre(row[0] + ', ' + row[4]);
        }
      } else {
        appendPre('No data found.');
      }
    }, function(response) {
      appendPre('Error: ' + response.result.error.message);
    });
        }
    </script>
</div>

<script async defer src="https://apis.google.com/js/api.js"
        onload="this.onload=function(){};handleClientLoad()"
        onreadystatechange="if (this.readyState === 'complete') this.onload()">
</script>

GoogleSheetsAPI快速启动

授权
退出
//来自开发人员控制台的客户端ID和API密钥
var CLIENT_ID='MyID.apps.googleusercontent.com'；
var API_KEY='MyKey'；
//quickstart使用的API的API发现文档URL数组
var DISCOVERY_DOCS=[”https://sheets.googleapis.com/$discovery/rest？版本=v4“]；
//API要求的授权范围；可以使用多个作用域
//包含，用空格分隔。
变量作用域=”https://www.googleapis.com/auth/spreadsheets https://www.googleapis.com/auth/drive";
var authorizeButton=document.getElementById（'authorizen_按钮'）；
var signburatton=document.getElementById（'signout_按钮'）；
/**
*加载时，调用以加载auth2库和API客户端库。
*/
函数handleClientLoad（）{
load（'client:auth2'，initClient）；
}
/**
*初始化API客户端库并设置登录状态
*听众。
*/
函数initClient（）{
gapi.client.init({
API密钥：API_密钥，
clientId:客户端ID，
发现文档：发现文档，
范围：范围
}).然后（函数（）{
//侦听登录状态的更改。
gapi.auth2.getAuthInstance（）.isSignedIn.listen（updateSigninStatus）；
//处理初始登录状态。
updateSigninStatus（gapi.auth2.getAuthInstance（）.isSignedIn.get（））；
authorizeButton.onclick=handleAuthClick；
SignerButton.onclick=handleSignoutClick；
}，函数（错误）{
appendPre（JSON.stringify（error，null，2））；
});
}
/**
*当登录状态更改时调用，以更新UI
*适当地。登录后，将调用API。
*/
函数updateSigninStatus（isSignedIn）{
如果（伊西涅丁）{
authorizeButton.style.display='none'；
signexputton.style.display='block'；
listMajors（）；
}否则{
authorizeButton.style.display='block'；
signexputton.style.display='none'；
}
}
/**
*单击按钮后登录用户。
*/
函数handleAuthClick（事件）{
让instance=gapi.auth2.getAuthInstance（）；
console.log（实例）；
让promise=instance.sign（）；
log（gapi.auth2.getAuthInstance（））；
console.log（promise）；
console.log（gapi.client）；
log（gapi.client.getToken（））；
log（gapi.auth2）；
log（gapi.auth2.getAuthInstance（）.currentUser.get（）.getAuthResponse（））；
log（gapi.auth2.getAuthInstance（）.currentUser.get（））；
log（gapi.auth2.getAuthInstance（）.currentUser）；
console.log（instance.currentUser）；
log（instance.currentUser.ie）；
log（instance.currentUser.ie.uc）；
log（instance.currentUser.ie.uc.access\u令牌）；
console.log（auth）；
让auth=instance.currentUser.ie.uc.access\u令牌；
设a=document.getElementById（'my'）；
a、 href+=auth；
设xhr=newXMLHttpRequest（）；
xhr.setRequestHeader（‘授权’、‘承载人’+“ya29.A0ADW1XEXFLEPCASDLUMMVTDRNRGBDIBLTOC22VW5YOFIHOPQ1TQXFLROBOZSBPXL1GRYHUMMLTCLUJWNYGTZ1M8IRPFX9N7I-OLQI4BPGAU98NX7INQUPQJ8YC2AGV9AC6HI9RQLDPJFTBHX37SZG\U 31x\u6vs”）；
xhr。
xhr.send（）；
}
/**
*单击按钮后注销用户。
*/
函数handleSignoutClick（事件）{
gapi.auth2.getAuthInstance（）.signOut（）；
}
/**
*将pre元素附加到包含给定消息的正文中
*作为其文本节点。用于显示API调用的结果。
*
*要放置在pre元素中的param{string}消息文本。
*/
函数appendPre（消息）{
var pre=document.getElementById（'content'）；
var textContent=document.createTextNode（message+'\n'）；
pre.appendChild（文本内容）；
}
/**
*在样本电子表格中打印学生姓名和专业：
* https://docs.google.com/spreadsheets/d/1BxiMVs0XRA5nFMdKvBdBZjgmUUqptlbs74OgvE2upms/edit
*/
函数列表（）{
gapi.client.sheets.spreadsheets.values.get({
电子表格ID:'1BXIMV0xRA5NFMDKVBDBZJGMUQPTLBS74OGVE2UPMS'，
范围：“类数据！A2:E”，
}).然后（功能（响应）{
var范围=响应。结果；
如果（range.values.length>0）{
appendPre（'姓名，专业：'）；
对于（i=0；i

我还试着在浏览器中键入：“我的

重定向uri是错误的，在控制台中添加它并没有帮助

当我尝试使用Quichstart.NET应用程序时，它工作得很好，但我只得到我的代币，没有得到我的客户

如何使用JS离线访问我的客户的Google数据？如果我的客户端允许我通过WebBrowser中的JS访问，我在哪里可以获得刷新令牌？

正确的链接是-

“重定向\u uri=”非“重定向\u uri=”

然后，当我被重定向到“链接是下一个”符号---&scope=”

其中“4/xwFM----一些符号---”是我在访问时的刷新标记。我明天再查

UPD。这是我的代码

grant_type=authorization_code
code='the code from the previous step'
client_id='the client ID token created in the APIs Console'
client_secret='the client secret corresponding to the client ID'
redirect_uri='the URI registered with the client ID'