Microsoft Teams桌面端Tab应用管理员授权窗口无法关闭问题

问题核心在于Teams桌面客户端的authentication.authenticate方法要求重定向目标页面必须主动调用Teams SDK的notifySuccess或notifyFailure方法，才能触发授权窗口关闭并将结果返回给父应用。当前你将重定向URI指向应用首页，首页未执行该逻辑，导致窗口停留在首页而非关闭。

具体修复步骤： #

1. 创建独立的授权回调页面
   新建一个专门用于处理授权结果的页面（例如admin-consent-callback.html），不要复用应用首页作为回调目标。

2. 修改重定向URI配置
   更新getAdminConsentUrl函数中的redirect_uri，指向新建的回调页面：

   const getAdminConsentUrl = (tenantId: string, clientId: string): string => {
       return `https://login.microsoftonline.com/${tenantId}/v2.0/adminconsent
           ?client_id=${clientId}
           &scope=https://graph.microsoft.com/User.Read https://graph.microsoft.com/Team.ReadBasic.All
           &redirect_uri=${window.location.origin}/admin-consent-callback.html
           &state=12345`;
     };
   

3. 在回调页面中实现结果通知逻辑
   在admin-consent-callback.html中加载Teams SDK，初始化后根据授权结果调用对应的通知方法：

   <!DOCTYPE html>
   <html>
   <head>
       <title>Admin Consent Callback</title>
       <script src="https://res.cdn.office.net/teams-js/2.0.0/js/MicrosoftTeams.min.js"></script>
   </head>
   <body>
       <script>
           microsoftTeams.initialize();
           
           // 解析授权返回的参数
           const urlParams = new URLSearchParams(window.location.search);
           const isConsented = urlParams.get('admin_consent') === 'True';
           const error = urlParams.get('error');
   
           if (isConsented && !error) {
               // 授权成功，传递租户ID等信息给父应用
               microsoftTeams.authentication.notifySuccess(JSON.stringify({
                   tenantId: urlParams.get('tenant')
               }));
           } else {
               // 授权失败或取消，传递错误原因
               microsoftTeams.authentication.notifyFailure(error || '授权已取消');
           }
       </script>
   </body>
   </html>
   

4. 验证域配置
   确保回调页面的域名已添加到Teams应用的有效域列表（在App Studio或Azure AD应用注册中配置），同时Azure AD应用注册的重定向URI也需包含该页面地址。

完成以上配置后，桌面/Mac端Teams应用中，管理员完成授权或取消操作后，回调页面会自动调用SDK通知方法，触发授权窗口关闭，同时将结果传递给父应用的successCallback或failureCallback。

内容的提问来源于stack exchange，提问作者Wai Yan Hein