如何在ANGULAR项目中集成PEGA的IHM？

Question

你们有没有人尝试过在他的Angular项目中集成PEGA的模板？

我将向你解释我到目前为止所做的事情: 1-我在我的index.html中添加了pega的脚本url 2-我添加了包含所有pega参数的html代码，以便在我希望显示模板的组件中显示其模板。3-到Pega wa的连接成功，但没有显示任何内容

最后，我在这里添加了pega html代码，并删除了"root“，以直接测试与Pega模板的连接是否存在架构或兼容性问题？我很困惑，因为这是我第一次这样做，没有找到此用例的任何教程或示例^^‘

Answer 1

您可以通过多种方式将外部UI与Pega流程集成：

• Creating自定义服务：在此场景中，在Angular中创建UI，并将流程/活动公开为服务(包装器)。挑战在于，必须创建/维护额外的自定义服务。它还需要单独的令牌和会话管理，以避免在Pega中创建孤立线程或对象。UI屏幕仅在角度层中创建。注意: Pega功能的最佳使用不是在这个case.
• Leverage Pega Mashups中完成的:集成在Pega中创建的UI屏幕，以便与利用iframes或小工具的外部UI嵌入和集成。它最适合于利用所选UI堆栈构建的企业门户中的集成应用程序。在某些情况下，需要验证UX、颜色模式和自定义-对于从版本8.x开始的统一experience.
• Leverage Pega DX API:在Pega Infinity平台和从版本8.x开始，为Angu;ar/React & Vue框架提供了Dx API。优点是屏幕仍然可以使用OOTB特性在Pega中开发，并且同样可以在Angular UI中完美呈现。但是，请注意:有一些组件是不受支持的。这将根据设计为做出明智决策的应用程序进行验证。

- React: [https://community.pega.com/marketplace/components/react-starter-pack](https://community.pega.com/marketplace/components/react-starter-pack)
- Vue: [https://community.pega.com/marketplace/components/vue-starter-pack](https://community.pega.com/marketplace/components/vue-starter-pack)
- Angular: [https://community.pega.com/marketplace/components/angular-starter-pack](https://community.pega.com/marketplace/components/angular-starter-pack)

​