如何使用独立浏览器分离 PWA 会话和 cookie？（PWA 作为私人标签）答案

【问题标题】：How to separate PWA session and cookie with a standalone browser? ( PWA as private tab )如何使用独立浏览器分离 PWA 会话和 cookie？（PWA 作为私人标签）
【发布时间】：2019-12-05 10:45:02
【问题描述】：

我正在与企业应用服务器一起开发 PWA。

应用服务器为独立浏览器提供响应式网页视图，并借助首次在 PWA 启动 url 上设置的 PWA cookie 自定义 PWA 上的视图。

问题在于 PWA 和独立浏览器（例如 Android 上的 Chrome）之间的会话是共享的，一旦用户安装了 PWA，随后使用独立浏览器访问该站点将显示 PWA 自定义视图。

有没有办法将 PWA 中的会话和设备中的独立浏览器分开？即将 PWA 视为私人标签？

或者其他方式？

【问题讨论】：

你是否在这个问题上找到答案，因为我需要这样做？
@BrettSutton 不幸的是没有。我们过去常常在“display-mode:standalone”的帮助下使用 cookie 和一些 javascript 代码来获得预期的行为。

标签： progressive-web-apps

【解决方案1】：

我的情况类似，我认为解决方案是区分 cookie 和/或会话的名称。例如，我的登录用户有一个SESSION['Key']，但对于我的应用程序，我必须创建一个SESSION['AppKey']。这将（在我的情况下）需要对您的代码进行一些修改，但我认为没有其他选择。

值得注意尽管 IOS 似乎将 Cookie 与浏览器和 PWA 分开，因此您可能会发现使用基于 IOS 的设备测试您的场景可能会如您所愿。

【讨论】：

这个问题会在用户登录 PWA 应用程序并进入 Web 版本时出现，当你想知道你的确切位置时会出现问题（特别是在 TWA 中）。