问题标签 [micro-frontend]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
angular - 如何彻底销毁 Angular 2 应用程序？
有没有办法完全摧毁 Angular 2 应用程序？这种情况的用例是当 Angular 应用程序嵌入到 React 应用程序的页面或其他地方时，因此在转到主应用程序的另一个页面后，您必须完全销毁 Angular 应用程序。
有一个platformBrowserDynamic().destroy();功能因记录而失败：
未捕获的错误：已创建具有不同配置的平台。请先销毁它。
react-redux - 带有 React Redux Hooks 和 saga 的微前端
我正在尝试找出将我的应用程序迁移到微前端的来源，但我找不到任何合适的文档来将 react redux hooks 应用程序转换为微前端。如果有人实施，请提供这些文档的参考。感谢你！！
javascript - 有没有办法在 url 上提供 React 组件，就像我们可以使用 Web 组件一样？
我正在尝试实现微前端，但我的公司正在使用 React 作为唯一的前端技术。我希望我是否可以按照https://micro-frontends.org/中的建议通过在 URL 上提供 React 组件来做到这一点，但它使用了 Web 组件。由于所有生态系统都在 React 上，我可以提供一个 React 组件（并且只有 URL 上的捆绑代码），例如https://my-website/components/table?theme="black"。
尝试这样做的目的：
- 主仓库将已经加载了大部分主要依赖项。（不需要像 react/react-dom 等重复的代码）
- Shadow DOM 正在创建事件冒泡问题。
- 每个团队有多个 repos，它们都使用相同的组件库。
security - 微前端如何使用 Apache Wicket 工作？
我想使用 Apache Wicket 实现微前端架构，但我无法让它工作。
我正在尝试使用 iframe，但它没有在 iframe 内呈现页面。有什么不对？我将如何通过 iframe 根据页面请求发送凭据？
编辑： 在这段代码中，我试图自动发送凭据，以便不显示身份验证提示。
angular - 从 App Shell-Angular 调试 MicroUI 组件
我正在尝试调查我的微 ui 中的一些问题。我想通过从应用程序外壳项目运行它来调试我的本地微 ui 代码。
有没有办法做到这一点？
javascript - 如何从多页应用程序迁移到 Piral
我们运行一些带有一些页面的 ASP.NET Core 应用程序。这些都是“经典”的多页应用程序。
对于我们的新门户，我们决定使用 piral。虽然我们添加了几个新模块，但我们还希望使用现有的应用程序。
我们如何在 piral 或客户端 (SPA) 微前端中集成多页应用程序？
多页应用程序的一个示例如下所示（托管在某个地址上，例如https://myexample.com/home）
我们不需要拥有所有脚本 - 由于样板文件，它们中的大多数都在那里。实际上，我们也可以在没有它们的情况下运行。
javascript - 有没有办法在单个 spa 项目中加载微型应用程序之前显示加载器
我正在为我当前的项目使用单个水疗中心，并且希望有一个加载器，直到我的微应用程序被加载并且这些微应用程序之间会有一个切换，在这种情况下，我也想显示一个加载器。有没有办法达到同样的效果？
micro-frontend - 如何使用 RxJs 在单水疗中心共享 UI 状态？
根据 single-spa 官方文档，我们可以使用 RxJs 共享应用程序的 UI 状态。
Observables / Subjects (RxJs) - 一个微前端向流中发出新值，任何其他微前端都可以使用这些值。它将可观察对象从其浏览器内模块导出到所有微前端，以便其他人可以导入它。
链接：https ://single-spa.js.org/docs/recommended-setup/#ui-state
链接：https ://single-spa.js.org/docs/faq/#how-can-i-share-application-state-between-applications
我试图在 React 中创建一个示例，其中我使用 single-spa 包裹将我的微应用程序包含在根应用程序中。我试图使用 RxJs 共享 UI 状态。当我用谷歌搜索单水疗 RxJs 时，我什么也没找到。谁能给我一个基本示例，我将能够为以下用例共享 UI 状态：
- 将 UI 状态从根应用程序共享到我的微应用程序。
- 将 UI 状态从微应用共享到根应用。
- 在微应用之间共享 UI 状态。
javascript - 创建自定义 Web 组件并在不同的框架中共享它
我正在从事由 Angular 和 React 开发的两个项目。有时两个项目中的某些组件是相同的，我正在考虑创建一个公司库来只编写一次自定义组件，然后将所有组件交付给 Angular 和 React。
经过一番研究，我了解到我必须创建一个自定义组件，然后通过所有框架（Angular、React）实现这个组件。
所以问题是：创建和组织库存储库以存储不同 Web 框架的所有这些组件的最佳实践是什么？交付此组件的最佳实践是什么？
javascript - 微前端 - 方法
我有一个用 AngularJS (Angular 1) 构建的旧版应用程序，此时进行框架更改或任何其他重大更改是不可行的。
有使用更新的堆栈构建的新应用程序及其独立应用程序本身。我需要在旧的旧应用程序中呈现这个新应用程序。
我可以使用 iframe 来实现这一点-
我可以使用自定义 Web 组件。
我可以使用哪些其他最佳方法？主要目标是拥有高性能的应用程序，如果新应用程序有代码更新，则不需要在旧应用程序中进行新部署。