Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/xamarin/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在两个以上的应用程序之间共享数据?_Javascript_Reactjs_Redux_React Redux_Frontend - Fatal编程技术网

Javascript 如何在两个以上的应用程序之间共享数据?

Javascript 如何在两个以上的应用程序之间共享数据?,javascript,reactjs,redux,react-redux,frontend,Javascript,Reactjs,Redux,React Redux,Frontend,我需要为多个应用程序共享一些数据,有些数据是安全的,有些则不安全。它需要避免来自应用程序的多个相同请求。我考虑了IndexedDb,localStorage,但在一些匿名模式的浏览器中,它不起作用。也许最后一种方法是创建父应用程序,它将提供api接口,通过全局对象执行相同的请求并向子组件提供状态,子组件可以在需要时通过全局api调用请求,但这很奇怪,任何人都可以更改其对象。有人知道如何解决这个问题吗?任何想法都对我有好处!谢谢你的建议 也许您可以研究微前端基础设施。2016年底,ThoughtW

我需要为多个应用程序共享一些数据,有些数据是安全的,有些则不安全。它需要避免来自应用程序的多个相同请求。我考虑了IndexedDb,localStorage,但在一些匿名模式的浏览器中,它不起作用。也许最后一种方法是创建父应用程序,它将提供api接口,通过全局对象执行相同的请求并向子组件提供状态,子组件可以在需要时通过全局api调用请求,但这很奇怪,任何人都可以更改其对象。有人知道如何解决这个问题吗?任何想法都对我有好处!谢谢你的建议

也许您可以研究微前端基础设施。2016年底,ThoughtWorks技术雷达首次提出了“微型前端”一词。它将微型服务的概念扩展到了前端世界

基本上,您可以从一个“shell”应用程序开始,该应用程序保存全局状态或数据,如路由、会话、身份验证令牌等

在这一层之下,您可以选择任何前端框架来构建独立的SPA,它们可以通过由自定义javascript事件组成的事件总线轻松共享全局数据

例如,您可以在shell中创建事件“打印报告”:

window.dispatchEvent(new Event("print_report") );
并在子级应用程序中执行:

window.addEventListener("print_report", () => { call_back(data); });
最后,每个前端模块:

  • 是自给自足的
  • 可以独立开发
  • 可以独立测试
  • 可以独立部署
  • 技术/框架是不可知的吗
  • 可以通过全局事件总线相互通信
有关上述内容的更多信息,请阅读:


“需要为多个应用程序共享一些数据”听起来像是某种后端解决方案的一个很好的用例,这是一个非常广泛的主题。事实上,像API这样的后端解决方案将是您的最佳选择。这将是一个不需要编码服务器端的简单解决方案:。(我不为他们工作,只是一个快乐的用户)谢谢你的建议,但我需要前端的解决方案。我有后端API。我的应用程序在需要时调用api,但在某些情况下,当一个应用程序触发请求时,我不需要在另一个应用程序中调用它,但我只需要从另一个应用程序中获取此数据。没有问题,如果您觉得有帮助,请向上投票。我很乐意这样做,但我遇到一些问题:“谢谢你的反馈!声誉低于15的人所投的票会被记录下来,但不要改变公开显示的帖子分数。“太容易了!谢谢!