在 Angular 中，如何将组件转换为微服务？

Posted 2023-03-13

【中文标题】在 Angular 中，如何将组件转换为微服务？

【英文标题】：In Angular, how do I convert a component into a microservice?

【发布时间】：2019-11-27 13:21:12

【问题描述】：

我需要创建一个具有不同微服务的 Angular 应用程序。似乎没有任何关于如何将组件实际变成微服务的明确教程。我试过this tutorial，但它没有解释打包过程。将组件打包到微服务中与打包库相同吗？它们是否以相同的方式导入到项目中？

准备组件以使其可以作为微服务使用的最佳方法是什么？

【问题讨论】：

试试nx.dev/angular

【参考方案1】：

首先，在这里使用“微服务”这个词是错误的。 “微前端”是您应该使用的。

一种可能的解决方案是使用Angular Elements / Web Components - 您链接的教程提到了这一点。

一旦您正确构建了 Angular Element - useful read，您将获得一个 .js 文件（您必须将几个文件合并到一个文件中）。完成之后，您将这个.js 文件导入您的主应用程序（包装应用程序）并使用它，您只需调用您创建的选择器。您还可以将值、服务和其他内容传递给它。示例：

app.component.html

<script src="micro1.js"></script>
<script src="micro2.js"></script>
<my-micro-app-one></my-micro-app-one>
<my-micro-app-two [apiService]="apiService" [someValue]="someValue"></my-micro-app-two>

这是您应该遵循的基本方法。