Javascript 写入Google工作表（Chrome扩展）

我从一个网站上提取数据，该网站现在已被收录在词典中。 现在，我想将数据写入谷歌表单（一个现有的表单），但我有一个困难的时间

我使用了来自GoogleSheetsAPI的示例，但是我得到了一个引用错误：gapi没有定义

我已经为oAuth创建了一个客户端id。有谁能指导我从chrome扩展到google sheets进行简单的书写吗

manifest.json

{
  "name": "xxx",
  "version": "1.0",
  "manifest_version": 2,
  "description": "xxx ",
  "background": {
    "scripts": ["background.js"],
    "persistent": false
  },
   "permissions": [
    "activeTab"
  ],
  "browser_action": {
    "default_title": "xxx"
  }
}

background.js

chrome.browserAction.onClicked.addListener(function(activeTab) {

    var xhr = new XMLHttpRequest()
    xhr.open("GET", "xx--url--xx", false);
    xhr.send()
    var result = xhr.responseText;

    var product = []
    parsedResult = result.split(/\r\n|\n/)

    for (var i = 2; i < parsedResult.length - 1; i++) {
        var data = parsedResult[i].split(';')
        product.push({key: data[1], value: data[2]})
    }
    console.log(product)
    //Product current holds the data in dictionary format


    var gSheets = "-----link to google sheets I want to insert data-----"
    chrome.tabs.create({url: gSheets})


    var values = [
        ["Product Name", "Quantity"]
      ];
      var body = {
        values: values
      };

            gapi.client.sheets.spreadsheets.values.update({
              spreadsheetId: "-----spreadsheetID-----",
              range: "Sheet1!1:2",
              valueInputOption: 'RAW',
              resource: body
            }).then((response) => {
              var result = response.result;
              console.log(`${result.updatedCells} cells updated.`);
            });

});

chrome.browserAction.onClicked.addListener（函数（activeTab））{
var xhr=newXMLHttpRequest（）
open（“GET”，“xx--url--xx”，false）；
xhr.send（）
var result=xhr.responseText；
var乘积=[]
parsedResult=result.split（/\r\n |\n/）
for（var i=2；i{
var result=response.result；
log（`${result.updatedCells}单元格更新。`）；
});
});