当前位置: 首页 > 知识库问答 >
问题:

如何使用RXJS在单SPA中共享UI状态?

葛航
2023-03-14

根据单SPA官方文档,我们可以使用RXJS共享应用程序的UI状态。

Observables/Subjects(RxJs)--一个微前端向一个流发送新值,该值可以被任何其他微前端使用。它将可观察到的内容从浏览器模块导出到所有Microfrontens,以便其他人可以导入。

  • 将UI状态从根应用程序共享到我的微应用程序
  • 从微应用程序到根应用程序共享UI状态。
  • 在微应用程序之间共享UI状态。

共有1个答案

危阳
2023-03-14

以下是如何实现这一目标的高级概述:

>

  • 在导入映射中添加rxjs作为共享依赖项

      "rxjs": 'https://unpkg.com/@esm-bundle/rxjs/system/rxjs.min.js,
      "rxjs/operators": 'https://unpkg.com/@esm-bundle/rxjs/system/rxjs-operators.min.js,
    
    • 考虑将这些绑定到特定版本!
      null

    我创建了single-spa-example-rxjs-shared-state作为示例repo,它展示了如何使用跨前端导入的Rxjs实用工具模块。

  •  类似资料:
    • 问题内容: 在不使用服务或在父控制器中构造观察器的情况下,如何使子状态访问主控制器的。 我无法在子状态下访问mainController范围-而是正在获取该范围的另一个实例- 不是我想要的。我觉得我缺少一些简单的东西。在状态对象中有一个共享的数据配置选项,但是我不确定是否应该将其用于这样的事情。 问题答案: 我创建了工作的插件,展示了如何使用和UI- Router。 状态定义未更改: 但是每个状态

    • 使用时有点卡住了。如果我把它放在before窗口上,它似乎可以正常工作,但如果放在窗口的“apply”函数之后,它就会失败。 我正在测试两个流,主功能在不断摄取数据和控制流模型在更改模型的要求。 我能够在中正确设置并查看b0/b1,但是始终可以看到b0和b1在初始化时设置为0。 我是不是漏了什么明显的东西?

    • 问题内容: 有什么方法可以从Java代码中调用库中的函数吗?通常,可以在Java程序中使用Linux 库吗? 问题答案: 答案是“ JNI” :) 这里有几个链接: 如何在Linux上为JNI应用程序编译动态库? http://learn-from-the-guru.blogspot.com/2007/12/java-native-interface-jni-tutorial-hell.html

    • 实现的计划是向现有的DB连接添加DTO/TABLE。我将添加一个高优先级过滤器或auth机制,如果状态未设置,则检查缓存,然后检查数据库中的现有数据。对于auth机制实现,如果不存在状态或cookie,我将返回到default/super。 是我把这件事搞得太复杂了,有一个包可以管理它,还是这是问题的解决方案?任何反馈都将不胜感激!

    • 我是一个新的React Native,我正在尝试改变一个位于一个屏幕中的类组件中的算术函数的状态,然后在全局共享它,以便在不同的屏幕中使用它,并且可能改变它,有哪些方法可以做到这一点?

    • 我计划使用cassandra作为我的应用程序的nosql数据存储。我的用例之一是更新用户的“余额”。假设每个用户的余额存储为一个关键UID_balance。现在,如果我的应用程序想要更新多个用户的余额,我将如何处理原子性? 我想,在某个时刻,应用程序基本上将执行以下操作: 现在,这里有几个问题: 与cassandra的连接可能会中断,导致代码只更新少数用户的余额 在步骤2和4之间,可能有另一个进程