TLDR:有什么方法可以让我从另一个浏览器选项卡或窗口中的 Web 应用程序访问 chrome 扩展程序(redux devtools)中的信息?还有其他方法可以访问 redux 存储中的数据吗......
总而言之:
p2
p3
p4
详细信息/背景:
我的公司使用第三方服务进行时间跟踪。我们有很多种输入时间的方式,具体取决于客户、服务、执行工作的人员等。由于有太多选择,我们的团队负责人和经理必须在每个工资期花费大量时间审查每个人的时间表,以确保信息输入正确、计费正确、计入休假余额等。
报告界面很有用,但目前没有将所有配置存储在预设中的选项,这对于真正简化审核流程是必要的。不过,他们提供了一个非常简单的 REST API,提供了足够的信息,以便我们可以编写逻辑来完成我们想要做的所有过滤。
不幸的是,此 API 的授权系统有些简陋。API 要求您在 GET 请求中提供令牌作为 url 参数。我已确定,从 UI 获取令牌时提供的令牌实际上是该特定用户帐户(用于获取令牌的帐户)的会话 ID。
这意味着,如果用户注销或会话超时,\'令牌\'将不会持久保留并被停用,这将使非技术用户更难使用报告应用程序(他们必须登录,导航到他们的帐户信息,复制一个长字符串,然后将其粘贴到我们的报告应用程序中,然后才能使用它,可能每次他们想要拉出它时都要这样做。)
我已确定该应用程序正在使用 react 和 redux,并且会话 ID 存储在 redux 存储中。我可以在 redux devtools 插件中看到 session_id,因此我认为为内部报告应用程序实现良好用户体验的唯一方法是编写一个 chrome 插件来获取会话 ID,并在打开新选项卡时将其传递给我的应用程序。