如何为FullCalendar添加使用不同API密钥的多个Google日历

FullCalendar支持在每个事件数据源（eventSource）内部单独指定googleCalendarApiKey，以此覆盖全局的API密钥配置，这样就能为不同的Google日历使用不同的密钥。直接看实现示例：

var calendarEl = document.getElementById('calendar');
var calendar = new FullCalendar.Calendar(calendarEl, {
  // 可选：全局默认API密钥，给未单独指定密钥的数据源使用
  googleCalendarApiKey: '<DEFAULT_API_KEY>',
  eventSources: [
    // 使用全局默认密钥的日历
    {
      googleCalendarId: 'abcd1234@group.calendar.google.com'
    },
    // 使用自定义密钥的日历1
    {
      googleCalendarId: 'efgh5678@group.calendar.google.com',
      className: 'nice-event',
      googleCalendarApiKey: '<CUSTOM_KEY_1>'
    },
    // 使用另一个自定义密钥的日历2
    {
      googleCalendarId: 'ijkl9012@group.calendar.google.com',
      className: 'special-event',
      googleCalendarApiKey: '<CUSTOM_KEY_2>'
    }
  ]
});
calendar.render();

关键说明 #

• 每个eventSources数组中的对象都可以独立配置googleCalendarApiKey属性，优先级高于全局配置的密钥。
• 如果某个数据源没有单独设置该属性，FullCalendar会自动使用全局的googleCalendarApiKey发起请求。

内容的提问来源于stack exchange，提问作者Peter Lane