JS中基于收件人邮箱属性编写If/Else语句实现DE/AT站点跳转适配

一、方案合理性确认 #

你提出的基于邮箱后缀的If/Else判断方案是当前场景下的最优实现：

• 逻辑简单无额外依赖，符合你当前只有两个站点的业务规模
• 基于你明确的「收件人数据始终包含对应国家后缀邮箱」的前提，判断准确率100%
• 后续维护成本极低，排查问题方便

二、代码修改实现 #

你只需要在现有回调逻辑中补充后缀判断，修改按钮点击逻辑即可，修改后完整代码如下：

client.get(`ticket.customField:${cCenterCaseIdFieldName}`).then((result) => {
  updateDataPoints(result, data, cCenterCaseIdFieldName);
  const recipientEmail = data.ticket.recipient;
  const zendeskID = data.ticket.id;
  const cCenterUrlAustria = getAustrianCcenterUrl(zendeskID)
  const cCenterUrl = getCcenterUrl(zendeskID);
  const collapse = $('#collapseExample')

  // 新增：邮箱后缀判断，转小写避免大小写匹配问题，空值兜底默认走DE站点
  const isGermanyUser = recipientEmail?.toLowerCase().endsWith('.de') ?? true;

  // 修改原按钮点击事件，自动匹配跳转地址
  $("#myBtnToCcenter").click(() => {
    const targetUrl = isGermanyUser ? cCenterUrl : cCenterUrlAustria;
    openModalPopup(targetUrl);
  });
  
  // 如果你需要保留原来的奥地利独立跳转按钮，以下代码可以保留，不需要则删除
  // $("#myBtnToAustrianCcenter").click(() => openModalPopup(cCenterUrlAustria));
})

你的openModalPopup函数不需要做任何修改，直接复用即可。

三、可优化点（适用于后续业务扩展） #

如果后续需要接入更多国家的Ccenter站点，可改用配置映射表的形式替代If/Else判断，避免逻辑堆叠：

// 国家站点配置，后续新增国家仅需添加对应配置项
const countrySiteConfig = [
  { suffix: '.de', urlGetter: getCcenterUrl },
  { suffix: '.at', urlGetter: getAustrianCcenterUrl },
  // { suffix: '.ch', urlGetter: getSwissCcenterUrl } 后续新增国家直接加
]

// 匹配对应站点地址
const targetUrlConfig = countrySiteConfig.find(item => 
  recipientEmail.toLowerCase().endsWith(item.suffix)
) || countrySiteConfig[0] // 未匹配到默认走第一个（DE站点）
const targetUrl = targetUrlConfig.urlGetter(zendeskID)

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