Azure App Services内置认证如何实现无交互程序化登出？

问题根源 #

调用/.auth/logout时出现账户选择界面，是因为身份提供商（如Microsoft Entra、Google）默认会触发交互式登出流程，要求用户确认操作。要实现无自动登出，需跳过该交互式步骤，同时确保App Service端的会话与令牌被彻底清理。

具体实现方案 #

1. 构造无交互登出请求 #

直接调用/.auth/logout时，需附加两个关键参数，避免触发交互式界面：

• post_logout_redirect_uri：指定登出完成后跳转的页面（必须是App Service已允许的重定向URI）
• logout_uri：针对Microsoft Entra，需指定该参数指向App Service的登出端点，确保提供商端完成无会话登出

示例请求格式：

GET /.auth/logout?post_logout_redirect_uri=https://<你的应用名称>.azurewebsites.net&logout_uri=https://<你的应用名称>.azurewebsites.net/.auth/logout

2. 配置允许的重定向URI #

在Azure门户的App Service认证设置中，找到「允许的外部重定向URI」，添加你指定的post_logout_redirect_uri对应的地址（比如应用首页或登出确认页），否则重定向会被系统拦截。

3. 前端无活动自动登出逻辑 #

要实现用户离开浏览器或无活动时自动登出，前端可通过监听用户行为判断无活动状态，超时后发起登出请求：

let inactivityTimer;

// 重置无活动定时器
function resetTimer() {
  clearTimeout(inactivityTimer);
  // 设置超时时间，示例为30分钟（1800000毫秒）
  inactivityTimer = setTimeout(() => {
    window.location.href = "/.auth/logout?post_logout_redirect_uri=https://<你的应用名称>.azurewebsites.net&logout_uri=https://<你的应用名称>.azurewebsites.net/.auth/logout";
  }, 1800000);
}

// 监听用户活动事件
window.addEventListener("mousemove", resetTimer);
window.addEventListener("keydown", resetTimer);
window.addEventListener("visibilitychange", () => {
  if (!document.hidden) resetTimer();
});

// 初始化定时器
resetTimer();

4. 验证登出效果 #

发起请求后，App Service会自动完成以下操作：

• 清除当前会话的认证Cookie
• 删除令牌存储中的用户令牌
• 通知身份提供商完成无交互式登出
• 最终跳转到指定的post_logout_redirect_uri页面，完成无交互登出流程

注意事项 #

• post_logout_redirect_uri和logout_uri必须是App Service的合法域名，本地开发环境需单独配置允许列表
• Google身份提供商同样支持通过post_logout_redirect_uri参数跳过交互式登出界面
• 使用自定义域名时，需确保域名已在App Service中配置生效，重定向URI使用自定义域名地址

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