通过 JavaScript 未经授权访问 Google 日历 API

Question

我正在尝试访问包含国定假日的公共日历（从Google日历）：

calendarId: 'pt_br.brazilian#[e-mail]'

由于日历是公开的，我想我只能使用 API 密钥访问它：

function OnLoadCallback() {
    var config = {
        client_id: '32j4lk32j5kj342l5h.googleuser.com', //fake client id
        scope: 'https://www.googleapis.com/auth/calendar.readonly'
    };
    gapi.client.setApiKey('fId345AM20HXXXXXXXXXXXXXXXXgT3f9kyp2REfkaw2'); //fake api key
    gapi.client.load('calendar', 'v3', function() {
        var today = new Date(),
            request;
        request = gapi.client.calendar.calendarList.get({
            calendarId: 'pt_br.brazilian#[e-mail]',
            timeMin: (new Date(today.getFullYear(), today.getMonth(), today.getDay(), 0, 0, 0, 0)).toISOString(),
            timeMax: (new Date(today.getFullYear(), today.getMonth(), today.getDay(), 23, 59, 59, 999)).toISOString(),
            fields: 'items(creator(displayName,email),end,endTimeUnspecified,start,summary)'
        });
        request.execute(function(response) {
            window.alert('length of items: ' + response.items.length);
        });
    });
}

但是，我不断收到以下响应，这是一个 401（未经授权）错误：

{
 "error": {
  "errors": [
   {
    "domain": "global",
    "reason": "required",
    "message": "Login Required",
    "locationType": "header",
    "location": "Authorization"
   }
  ],
  "code": 401,
  "message": "Login Required"
 }
}

有人可以澄清我正在尝试做的事情是否可以实现吗？
最后，如果可能的话 - 参考我当前的代码，我必须更改什么？

Answer 1

我能够使用jQuery做同样的事情。

var mykey = 'your_api_key'; // typically like Gtg-rtZdsreUr_fLfhgPfgff
var calendarid = 'you_calendar_id'; // will look somewhat like [e-mail]
$.ajax({
    type: 'GET',
    url: encodeURI('https://www.googleapis.com/calendar/v3/calendars/' + calendarid+ '/events?key=' + mykey),
    dataType: 'json',
    success: function (response) {
        //do whatever you want with each
    },
    error: function (response) {
        //tell that an error has occurred
    }
});

但是，您需要确保已完成以下操作：-

---

1） 在 https://code.google.com/apis/console
注册项目2） 生成简单的 API 访问密钥
3） 确保在服务下激活日历 API。

阅读更多内容 https://developers.google.com/google-apps/calendar/firstapp

Answer 2

使用普通的JavaScript，我能够处理上述内容并使其工作！这真的很有帮助，因为我发现谷歌文档主要关注用户访问和更新日历的身份验证方面。要真正了解我需要拨打电话的确切位置（在哪个精确的终点）是更困难的。我显然已经把XXXXX放在你的日历ID和API密钥需要去的地方。

    //async function to handle data fetching
    async function getData () {
    //try catch block to handle promises and errors
    try {
        const calendarId = '[e-mail]'
        const myKey = 'XXXXXXXXXXXXXXXXXXXXXXXXXXX'
        //using await and fetch together as two standard ES6 client side features to extract the data
        let apiCall = await fetch('https://www.googleapis.com/calendar/v3/calendars/' + calendarId+ '/events?key=' + myKey)
        //response.json() is a method on the Response object that lets you extract a JSON object from the response
        //response.json() returns a promise resolved to a JSON object
        let apiResponse = await apiCall.json()
        console.log(apiResponse)
    } catch (error) {
        console.log(error)
    }
}
getData()