如何在TypeScript文件中同时实现OpenFin应用登出与退出？

问题原因 #

你添加的window.location.href = "http://localhost:3000/Logout"会立即触发页面跳转，中断当前页面的JavaScript执行上下文，导致后续的closedownPlatform()和super.quit()无法执行，因此仅完成了登出，应用留在后台运行。

解决方案 #

方案1：用API请求完成登出（推荐） #

放弃页面跳转的方式，直接通过HTTP请求调用登出接口，这样不会中断当前页面的执行流程，能确保登出和退出逻辑都完成：

public async quit() {
  if (quitRequested) {
    try {
      // 发送登出请求（根据后端要求选择GET/POST，这里示例用GET）
      await fetch("http://localhost:3000/Logout");
      // 关闭OpenFin平台
      const platform = getCurrentSync();
      await closedownPlatform();
      return super.quit();
    } catch (error) {
      // 登出失败时仍执行应用退出，可根据需求添加错误提示
      console.error("登出请求失败:", error);
      const platform = getCurrentSync();
      await closedownPlatform();
      return super.quit();
    }
  }
}

方案2：若必须通过页面跳转登出 #

如果后端强制要求通过页面跳转完成登出（比如需要清除浏览器Cookie或Session），可以在登出页面中添加通知OpenFin应用退出的逻辑：

1. 在你的登出页面（http://localhost:3000/Logout）中添加OpenFin的退出代码：

// 登出页面的逻辑
// 先完成后端的登出处理，再调用OpenFin退出
async function afterLogout() {
  const platform = fin.Platform.getCurrentSync();
  await platform.quit();
}
// 页面加载完成后执行
window.addEventListener('load', afterLogout);

2. 调整原退出函数，先触发跳转，无需再执行后续退出逻辑：

public async quit() {
  if (quitRequested) {
    window.location.href = "http://localhost:3000/Logout";
  }
}

额外检查点 #

• 确认closedownPlatform()函数的实现是否正确调用了OpenFin的平台退出API，比如platform.quit()，确保能彻底关闭整个应用。
• 若super.quit()是继承自框架的退出方法，需确认它和OpenFin的平台退出是否存在冲突，优先使用OpenFin官方提供的退出API更可靠。

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