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

Question

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

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

Answer 1

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

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

一旦正确构建了Angular Element- 有用的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>

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