【发布时间】:2021-11-24 10:09:33
【问题描述】:
我偶然发现了 Piral 框架来实现微前端,我想在我的项目中实现它。
但是,我的应用程序是作为 Blazor wasm 项目提供的,我的目标是将此当前项目用作我的应用程序外壳。
有什么例子可以说明我如何实现它吗?
我也无法真正找到解决文档的方法。
请注意,我是初学者。提前致谢。
【问题讨论】:
标签: blazor-webassembly micro-frontend piral
我偶然发现了 Piral 框架来实现微前端,我想在我的项目中实现它。
但是,我的应用程序是作为 Blazor wasm 项目提供的,我的目标是将此当前项目用作我的应用程序外壳。
有什么例子可以说明我如何实现它吗?
我也无法真正找到解决文档的方法。
请注意,我是初学者。提前致谢。
【问题讨论】:
标签: blazor-webassembly micro-frontend piral
对于应用外壳,您不能使用 Blazor.WASM。但是,您可以使您的应用程序外壳真正轻量级(即,不要在其中放置几乎任何东西)并在 Blazor 中定义所有必要的布局部分。
这个想法归结为以下示例: https://github.com/piral-samples/piral-distributed-layout
现在,您可以使用 Blazor,而不是在 React / Angular / 中使用 pilet。
对于 Blazor pilets(和使用 Blazor 的扩展),您可以查看 Piral.Blazor 的 README 中的文档: https://github.com/smapiot/Piral.Blazor/
确保严格遵循说明并使用正确的分支(以您所针对的 Blazor 版本命名)。
【讨论】:
在搜索了如何使用 Blazor WASM 作为我的应用程序外壳来实际实现微前端的概念之后,我仍然没有找到任何对我有帮助的解决方案。所以我想出了一个我在博客中写过的自定义解决方案。 基本上,该解决方案利用 Blazor 的 JS 互操作作为其他 JS 框架或库之间的通信媒介。 请阅读:https://dev.to/xanderselorm/introduction-to-micro-frontends-using-net-blazor-wasm-part-1-lc9
【讨论】: