需要好的例子:Javascript中的Google日历API

Question

我想做的是：使用javascript将事件添加到我的网站上的谷歌日历中。

我不能做什么：为谷歌日历API找到一个好的教程/演练/示例。我能够找到v1和v2 api之间来回链接的所有文档，或者v3 api似乎不是基于客户端的。

对于那些好奇的人，我正在开发这个网站：http://infohost.nmt.edu/~bbean/banweb/index.php

Answer 1

这应该可以了

    //async function to handle data fetching
    async function getData () {
    //try catch block to handle promises and errors
    try {
        const calendarId = ''
        const myKey = ''
        //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()

Answer 2

谷歌提供了一个很棒的JS客户端库，可以与谷歌所有基于发现的API（例如日历API v3）配合使用。我写了一篇博客文章，涵盖了设置JS客户端和授权用户的基础知识。

在应用程序中启用基本客户端后，需要熟悉 Calendar v3 的细节才能编写应用程序。我建议两件事：

• API 资源管理器将显示 API 中可用的调用。
• 当您操作 gapi.client 时，Chrome 开发人员工具的 Javascript 控制台会自动建议方法名称。例如，开始键入 gapi.client.日历.事件，您应该会看到一组可能的完成（您将需要插入方法）。

下面是一个将事件插入JS的示例:

var resource = {
  "summary": "Appointment",
  "location": "Somewhere",
  "start": {
    "dateTime": "2011-12-16T10:00:00.000-07:00"
  },
  "end": {
    "dateTime": "2011-12-16T10:25:00.000-07:00"
  }
};
var request = gapi.client.calendar.events.insert({
  'calendarId': 'primary',
  'resource': resource
});
request.execute(function(resp) {
  console.log(resp);
});

希望这足以让您入门。