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

Question

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

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

Answer 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>

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