2012-07-23 33 views
33

我在做什麼: 使用JavaScript將活動從我的網站添加到Google日曆中。需要很好的示例:使用Javascript的Google日曆API

我不能做的事: 找到一個很好的教程/走過/谷歌日曆api的例子。我所能找到的所有文檔都在v1和v2 api之間來回連接,或者v3 api似乎不是基於客戶端的。

對於那些好奇,現場我開發這個爲: http://infohost.nmt.edu/~bbean/banweb/index.php

+1

@Galdchef:禁止訪問http://infohost.nmt.edu/~bbean/banweb/index.php – 2015-06-01 01:49:31

+1

很抱歉,在原始問題(錯誤表單)中發佈到我的網站的鏈接。 @RamonAraujo該網站已轉移到beanweb.us。 – Gladclef 2016-08-12 17:54:03

回答

56

谷歌提供了一個巨大的JS客戶端庫,與所有谷歌的基於發現的API(如日曆API V3)的作品。我寫了一個blog post,其中涵蓋了設置JS客戶端和授權用戶的基礎知識。

在您的應用程序中啓用了基本客戶端之後,您需要熟悉Calendar v3的具體細節才能編寫應用程序。我建議兩件事:

  • APIs Explorer會告訴你哪些調用在API中可用。
  • 當您操作gapi.client時,Chrome開發人員工具的Javascript控制檯會自動提供方法名稱。例如,開始輸入gapi.client.calendar.events.,您應該看到一組可能的完成(您需要使用insert方法)。

這裏是什麼將一個事件到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); 
}); 

希望這是足以讓你開始。

+0

這是一個偉大的相關資源:'https:// developers.google.com/google-apps/calendar/v3/reference/events#resources' – Joe 2013-01-06 20:45:45

+0

嗨,我嘗試使用資源從日期獲取事件另一個日期,但我不知道爲什麼我在控制檯日誌中收到錯誤。 「對象{代碼:401,消息:」需要登錄「,數據:陣列[1],錯誤:對象}」 – Desnoxav 2013-05-06 14:18:43

+0

謝謝,這讓我在5分鐘內運行起來。 – HexInteractive 2013-05-14 15:00:24