在Angular中,如何将组件转换为微服务?

马特123

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

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

迪诺

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

一种可能的解决方案是使用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>

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

我如何将两个表单转换为组件并添加组件以在 angular 5 中查看

Angular:如何将数据从服务绑定到组件,以使服务中的新数据更新组件?

如何将功能组件转换为类组件?

如何将类组件转换为功能组件

如何将类组件转换为功能组件?

如何将代码从类组件转换为功能组件

如何将类组件表转换为功能组件?

微服务架构中如何将Auth服务与其他服务解耦?

如何将 Fetch 转换为 Axios 并将 Class 组件转换为 Functional 组件?

如何将const reactjs组件转换为基于类

如何将 HOC 转换为 apollo 的反应组件语法?

如何将 React 类组件字段转换为钩子

如何将 React 组件转换为 Next.JS?

如何将类组件转换为函数?(反应)

reactjs-如何将数据从子组件转换为道具中传递的按钮的onclick?

如何将具有切换功能的状态组件转换为 reactjs 中的无状态组件?

如何将 JSON 响应转换为服务中的角度对象数组?

如何将 GCM 意图服务转换为 Firebase

如何将XML Symfony服务文件转换为Yaml

如何将新贵的工作转换为systemd服务?

如何将``link''函数替换为Angular 2组件中的目标DOM元素

如何将变量从@Input传递到Angular2组件中的服务>

如何在Angular 6中将组件范围的服务替换为间谍对象?

如何将服务变量与组件Angular 2绑定?

如何将Angular项目转换为非Angular项目?

如何使用 Angular 中的 formControl 将输入转换为特定组件

将angularjs转换为纯js或如何将单个服务器用于angular JS和Flask

如何将跨微服务的端到端测试纳入多个连续交付管道中?

如何将Spark AlsModel部署到Spring Boot微服务中