如何点击Microsoft Teams自适应卡片按钮弹出浏览器窗口

Action.OpenUrl本身只能触发浏览器新标签页打开，没法直接实现弹窗效果。要达到像Jira云应用那样的弹窗体验，得换个实现路径：

• 第一步，把自适应卡片里的按钮替换成Action.Submit类型，用来触发后端或前端的逻辑处理：

{
  "type": "Action.Submit",
  "id": "loginSubmit",
  "title": "Sign in",
  "data": {
    "action": "openLoginPopup"
  }
}

• 第二步，在你的Bot后端或者Teams前端代码中，监听这个Submit动作，调用Teams客户端API来打开带弹窗参数的URL：
  如果是Bot后端（以Node.js为例），可以处理卡片提交事件并触发弹窗：

async handleTeamsCardAction(context, action) {
  if (action.data.action === 'openLoginPopup') {
    const loginUrl = '你的实际登录地址';
    // 通过Teams客户端API指定弹窗打开
    await context.sendActivity({
      type: 'invoke',
      name: 'openUrl',
      value: {
        url: loginUrl,
        openInWindow: true
      }
    });
  }
}

如果是Teams Tab前端场景，可通过Teams JS SDK直接触发：

microsoftTeams.initialize();
const loginUrl = '你的实际登录地址';
microsoftTeams.executeDeepLink(loginUrl, { openInWindow: true });

核心逻辑是借助Teams客户端的openUrl能力，通过openInWindow=true参数强制以浏览器弹窗形式打开目标URL，而不是默认的新标签页。

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