Google Calendar API无法返回全部事件，React集成后仅获取部分条目咨询

问题原因 #

• 参数传递错误：gapi.client.request 方法的查询参数需要放在配置项的 params 字段下，你直接把 maxResults、showDeleted 写在配置根层级不会被识别，相当于请求依然用的默认参数，所以修改不生效。
• 路径格式错误：你的请求路径中日历ID（你的邮箱）外层多了多余的双引号，实际请求的日历资源地址错误，也可能导致返回结果异常。
• 未处理分页逻辑：Google Calendar API 单页请求最多返回250条事件，哪怕你设置了超过250的maxResults也会被接口自动截断为250，超过单页上限的内容需要通过响应返回的nextPageToken循环拉取，才能拿到全部300条数据。

修正后代码 #

const getEvents = async () => {
  // 存储所有拉取到的事件
  let allEvents = [];
  // 分页标记，首次请求为空
  let nextPageToken = null;

  function start() {
    gapi.client
      .init({
        apiKey: "myKey",
      })
      .then(async function fetchEvents() {
        const requestParams = {
          maxResults: 250, // 接口单页返回最大允许值
          showDeleted: true,
        };
        // 存在分页标记时追加到请求参数
        if (nextPageToken) {
          requestParams.pageToken = nextPageToken;
        }

        const response = await gapi.client.request({
          // 替换myMail为你的实际日历ID（对应邮箱，去掉多余双引号）
          path: "https://www.googleapis.com/calendar/v3/calendars/myMail/events",
          params: requestParams,
        });

        // 合并当前页事件
        allEvents = [...allEvents, ...response.result.items];
        nextPageToken = response.result.nextPageToken;

        // 还有下一页则继续拉取
        if (nextPageToken) {
          return fetchEvents();
        }

        // 全量拉取完成后更新状态
        console.log(allEvents);
        setEventObject(allEvents);
      });
  }
  gapi.load("client", start);
};

额外注意 #

请确认你的API Key拥有对应日历的足够访问权限，日历的公开共享设置需要允许读取全部事件，否则也可能出现返回条目不全的问题。

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