{"id":1759,"date":"2012-09-10T13:17:41","date_gmt":"2012-09-10T09:17:41","guid":{"rendered":"http:\/\/www.dhtmlx.com\/blog\/?p=1759"},"modified":"2023-05-05T14:10:18","modified_gmt":"2023-05-05T11:10:18","slug":"dhtmlxscheduler-synchronization-with-google-calendar","status":"publish","type":"post","link":"https:\/\/dhtmlx.com\/blog\/dhtmlxscheduler-synchronization-with-google-calendar\/","title":{"rendered":"How to Synchronize dhtmlxScheduler with Google Calendar"},"content":{"rendered":"

Update: The proxy script for synchronization with Google Calendar has been updated to work correctly with Google API v.3. Download it from GitHub<\/a>.<\/strong><\/p>\n

Today we want to show you an effortless way to synchronize dhtmlxScheduler<\/a> and Google Calendar. So if you need to store your events and appointments in both calendars, you won’t miss any appointed event ever.<\/p>\n

Google Calendar is one of the most popular online web calendars and that’s why it’s so essential to give developers a quick and simple way to synchronize dhtmlxScheduler with it. The synchronization feature has been available before, but now it became really easy. <\/p>\n

The technique of synchronization is pretty simple and based on using a PHP proxy script: <\/p>\n

\"Synchronization<\/p>\n

The synchronization script works as a simple proxy between a client-side application (containing dhtmlxScheduler) and Google Calendar. To load events, the scheduler makes a call to the proxy script, which in its turn, makes a call to Google Calendar API. Retrieved data is converted to the scheduler format and loaded to the client side.<\/p>\n

 <\/p>\n

One-Way Synchronization<\/h2>\n

 
\nTo start synchronization, check whether the php_curl.dll<\/strong> extension is enabled. If it’s not, activate it by adding the following line in the php.ini<\/strong> file used by your web server:<\/p>\n

extension=<\/span>php_curl.<\/span>dll<\/div><\/div>\n

To provide one-way synchronization that will allow you to automatically fetch data from Google Calendar to dhtmlxScheduler, do the following:<\/p>\n

1. <\/strong>Download the gCal_proxy_v2 package<\/a>.<\/p>\n

2. <\/strong>Unzip the package into the root directory of your web server.<\/p>\n

3.<\/strong> Open the 01_proxy.php<\/strong> file located at [rootFolder]\\gCal_proxy\\server\\ . The file contains the standard proxy initialization code:<\/p>\n

<?php<\/span>
\n 
\n$email<\/span> =<\/span> ""<\/span>;<\/span>
\n$pass<\/span> =<\/span> ""<\/span>;<\/span>
\n$cal<\/span> =<\/span> ""<\/span>;<\/span>
\n 
\ninclude<\/span>(<\/span>'google_proxy.php'<\/span>)<\/span>;<\/span>
\n$calendar<\/span> =<\/span> new<\/span> GoogleCalendarProxy(<\/span>$email<\/span>,<\/span> $pass<\/span>,<\/span> $cal<\/span>)<\/span>;<\/span>
\n$calendar<\/span>-><\/span>connect<\/span>(<\/span>)<\/span>;<\/span>
\n 
\n?><\/span><\/div><\/div>\n

NOTE:<\/strong> For Google API v.3 the code should be different:<\/p>\n

<?php<\/span>
\n
\ninclude<\/span>(<\/span>'..\/src\/google_proxy.php'<\/span>)<\/span>;<\/span>
\n
\n$calendar<\/span> =<\/span> new<\/span> GoogleCalendarProxy(<\/span>
\n    "<account>@developer.gserviceaccount.com"<\/span>,<\/span>
\n    "<account>.apps.googleusercontent.com"<\/span>,<\/span>
\n    file_get_contents<\/span>(<\/span>"<key>"<\/span>)<\/span>,<\/span>
\n    "<calendar id>"<\/span>
\n)<\/span>;<\/span>
\n
\n$calendar<\/span>-><\/span>connect<\/span>(<\/span>)<\/span>;<\/span>
\n?><\/span><\/div><\/div>\n

4.<\/strong> Set values for the following 3 variables and leave the rest of the code as is:<\/p>\n