集成Google Calendar后无法生成Google Meet链接求代码修正方案

问题分析 #

1. API初始化未等待异步完成：gapi.client.init是异步方法，原代码未等待其完成就执行后续操作，导致API客户端未完全就绪，关键参数无法正确传递。
2. 错误设置conferenceData的status字段：status是Google API返回的响应字段，手动在请求中添加会干扰Meet链接的生成逻辑。
3. 时间时区不匹配：事件开始/结束时间的dateTime时区偏移与timeZone设置冲突，可能引发API解析异常。

修正后的代码 #

const Calendar = () => {
    const gapi = window.gapi;
    const CLIENT_ID = "*********";
    const API_KEY = "*******";
    const DISCOVERY_DOCS = ["https://www.googleapis.com/discovery/v1/apis/calendar/v3/rest"];
    const SCOPES = "https://www.googleapis.com/auth/calendar.events";

    const handleClick = async () => {
        // 等待gapi客户端和auth2加载完成
        await new Promise(resolve => gapi.load('client:auth2', resolve));
        
        // 初始化客户端并等待完成
        await gapi.client.init({
            apiKey: API_KEY,
            clientId: CLIENT_ID,
            discoveryDocs: DISCOVERY_DOCS,
            scope: SCOPES,
        });

        // 加载Calendar API并等待完成
        await new Promise(resolve => gapi.client.load('calendar', 'v3', resolve));
        
        // 等待登录完成
        await gapi.auth2.getAuthInstance().signIn();

        // 构造事件对象，移除多余的status字段，修正时区
        const event = {
            'summary': 'Awesome Event!',
            'location': '800 Howard St., San Francisco, CA 94103',
            'description': 'Really great refreshments',
            'start': {
                'dateTime': '2020-06-28T09:00:00+05:30', // 匹配Asia/Kolkata时区
                'timeZone': 'Asia/Kolkata'
            },
            'end': {
                'dateTime': '2020-06-28T17:00:00+05:30',
                'timeZone': 'Asia/Kolkata'
            },
            'conferenceData': {
                'createRequest': {
                    'requestId': `meet-request-${Date.now()}`, // 使用唯一ID避免冲突
                    'conferenceSolutionKey': {'type': 'hangoutsMeet'}
                }
            },
            'recurrence': [
                'RRULE:FREQ=DAILY;COUNT=2'
            ],
            'attendees': [
                {'email': 'ananthapadmanabhan7025@example.com'},
                {'email': 'sbrin@example.com'}
            ],
            'reminders': {
                'useDefault': false,
                'overrides': [
                    {'method': 'email', 'minutes': 24 * 60},
                    {'method': 'popup', 'minutes': 10}
                ]
            }
        };

        // 将conferenceDataVersion作为参数传入insert方法
        const request = gapi.client.calendar.events.insert({
            'calendarId': 'primary',
            'resource': event,
            'conferenceDataVersion': 1 // 关键参数，必须设置为1才能生成Meet链接
        });

        request.execute(event => {
            console.log(event);
            window.open(event.htmlLink);
        });

        // 列出事件（可选）
        gapi.client.calendar.events.list({
            'calendarId': 'primary',
            'timeMin': (new Date()).toISOString(),
            'showDeleted': false,
            'singleEvents': true,
            'maxResults': 10,
            'orderBy': 'startTime'
        }).then(response => {
            const events = response.result.items;
            console.log('EVENTS: ', events);
        });
    };

    return (
        <>
            <button onClick={handleClick}>Add Event</button>
        </>
    );
};

export default Calendar;

关键修正点 #

• 使用async/await等待所有异步操作（加载客户端、初始化、API加载、登录）完成，确保API客户端完全就绪。
• 移除conferenceData.createRequest中的status字段，该字段由API返回，无需手动设置。
• 修正事件时间的时区偏移，使其与timeZone设置一致，避免时间解析错误。
• 将conferenceDataVersion直接作为events.insert的参数传入，替代原代码中事后赋值的方式，确保参数被正确传递。
• 使用唯一的requestId（结合时间戳），避免重复请求导致的异常。

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