我已经公开了我的谷歌日历,我正在尝试使用ics
文件,但我遇到了XMLHttpRequest
问题
到目前为止我尝试过:
如果我使用我的googleCalendarId和googleCalendarApiKey,它可以工作:
$('#calendar').fullCalendar({
googleCalendarApiKey: '*************myApiKey**************',
events: {
googleCalendarId: 'chris.beckett@schoolspider.co.uk'
},
eventClick: function(event) {
console.log(event.start);
console.log(event.end);
return false;
},
loading: function(bool) {
$('#loading').toggle(bool);
}
});
然后,当我尝试使用实际的ics文件时,如下所示:
$('#calendar').fullCalendar({
events: {
url: 'https://calendar.google.com/calendar/ical/chris.beckett%40schoolspider.co.uk/public/basic.ics'
},
eventClick: function(event) {
console.log(event.start);
console.log(event.end);
return false;
},
loading: function(bool) {
$('#loading').toggle(bool);
}
});
它在控制台日志中显示以下错误:
XMLHttpRequest 无法加载 https://calendar.google.com/calendar/ical/chris.beckett%40schoolspider.co.uk/public/basic.ics。 请求的上不存在"访问控制允许源"标头 资源。因此不允许使用原产地"http://127.0.0.1:8887" 访问。
我还尝试设置以下内容:
//htaccess file
Header set Access-Control-Allow-Origin "*"
//php
header("Access-Control-Allow-Origin: *");
//xhr
xhr.setRequestHeader('Access-Control-Allow-Origin', '*');
我已经设法使用此方法将ICS
文件放到完整日历上 -
function icsToArray($paramUrl) {
$icsFile = file_get_contents($paramUrl);
$icsData = explode("BEGIN:", $icsFile);
foreach($icsData as $key => $value) {
$icsDatesMeta[$key] = explode("n", $value);
}
foreach($icsDatesMeta as $key => $value) {
foreach($value as $subKey => $subValue) {
if ($subValue != "") {
if ($key != 0 && $subKey == 0) {
$icsDates[$key]["BEGIN"] = $subValue;
} else {
$subValueArr = explode(":", $subValue, 2);
$icsDates[$key][$subValueArr[0]] = $subValueArr[1];
}
}
}
}
return $icsDates;
}