咨询：如何通过邮件按钮更新已存在的Google日历事件（C#场景）

一、无Google Calendar API方案（局限性说明） #

你当前用的是Google日历的action=TEMPLATE链接，这种方式只能创建新事件，没法自动检测用户日历里是否已有该事件，也做不到自动更新——因为用户日历内的事件ID属于私有数据，没有API无法获取。

可以做的优化：

• 把按钮文本改成*添加/更新日历事件*，给用户明确提示
• 在事件的details参数里固定加入唯一标识（比如你提供的AcuityID=1071322728），用户打开链接时，如果之前加过该事件，可以通过搜索这个ID找到旧事件，手动用新内容替换

调整后的按钮代码：

<tr style="display:none;">
    <td width="300" style="width:225.0pt; background:#313131; padding:0in 0in 0in 0in; height:30.0pt; border-radius:3px">
        <p class="x_MsoNormal" align="center" style="text-align:center">
            <span style="font-family:Arial,sans-serif; color:white">
                <a href="@Model.GoogleLink" target="_blank" rel="noopener noreferrer" data-auth="NotApplicable" data-linkindex="10">
                    <span style="color:white; text-decoration:none">添加/更新日历事件</span>
                </a>
            </span>
        </p>
    </td>
</tr>

二、基于Google Calendar API的自动更新方案 #

要实现自动检测并更新，必须使用Google Calendar API，核心步骤如下：

1. 前置准备 #

• 在Google Cloud平台创建项目，启用Google Calendar API
• 配置OAuth2.0客户端ID，设置授权回调地址（指向你的后端服务）
• 后端完成OAuth2授权流程，获取用户的日历访问令牌

2. 后端核心逻辑 #

• 搜索目标事件：调用events.list接口，通过唯一标识（如AcuityID）在事件描述中搜索匹配项

  GET https://www.googleapis.com/calendar/v3/calendars/primary/events?q=AcuityID=1071322728
  

  请求头需携带用户的访问令牌：Authorization: Bearer {access_token}

• 执行添加/更新操作：

  • 若搜索到匹配事件（拿到事件ID）：调用events.update接口更新事件内容

    PUT https://www.googleapis.com/calendar/v3/calendars/primary/events/{eventId}
    Body: {
      "summary": "Piercing Studio Appointment (Ossington Piercing Studio)",
      "start": {"dateTime": "2023-07-16T20:20:00Z"},
      "end": {"dateTime": "2023-07-16T20:40:00Z"},
      "location": "64 Ossington Avenue, Toronto, Ontario, M6J2Y7",
      "description": "64 Ossington Avenue, Toronto, Ontario, M6J2Y7\n\nView/Change Appointment:\nhttps://app.acuityscheduling.com/schedule.php?owner=28316543&id[]=87dc83cf48dc52001b1dd5f79ce9b0ef&action=appt\n\n(created by Acuity Scheduling)\nAcuityID=1071322728\nGoogle"
    }
    

  • 若未搜索到匹配事件：调用events.insert接口创建新事件（参数同上）

3. 前端按钮调整 #

把直接跳转Google链接的按钮，改成请求你的后端接口：

<tr style="display:none;">
    <td width="300" style="width:225.0pt; background:#313131; padding:0in 0in 0in 0in; height:30.0pt; border-radius:3px">
        <p class="x_MsoNormal" align="center" style="text-align:center">
            <span style="font-family:Arial,sans-serif; color:white">
                <button onclick="handleCalendarUpdate()" style="background:transparent; border:none; color:white; text-decoration:none; cursor:pointer; font-family:Arial,sans-serif;">
                    添加/更新日历事件
                </button>
            </span>
        </p>
    </td>
</tr>

<script>
async function handleCalendarUpdate() {
  window.location.href = "/your-backend-google-auth-url?acuityId=1071322728";
}
</script>

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