2012-07-23 10 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 –

+1

私のウェブサイトへのリンクを元の質問(悪い書式)で掲示することについて申し訳ありません。 @RamonAraujoはこのサイトをbeanweb.usに移しました。 – Gladclef

答えて

56

グーグルは、(カレンダーのAPI v3のような)Googleの発見ベースのAPIのすべてで動作する偉大なJSクライアントライブラリを提供します。私はblog postを書いています。これは、JSクライアントの設定とユーザーの認証の基本をカバーしています。

アプリケーションで基本クライアントを有効にしたら、アプリケーションを作成するにはカレンダー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#resource' – Joe

+0

こんにちは、リソースを使用して日付からイベントを取得しようとしました他の日付ですが、なぜコンソールログにエラーが表示されるのかわかりません。 "Object {code:401、message:" Login Required "、data:Array [1]、error:Object}" – Desnoxav

+0

ありがとう、これで5分以内に実行されました。 – HexInteractive

関連する問題