如何将 PEGA 的 IHM 集成到 ANGULAR 项目中？答案

【问题标题】：How to integrate an IHM from PEGA in an ANGULAR project?如何将 PEGA 的 IHM 集成到 ANGULAR 项目中？
【发布时间】：2019-10-08 18:10:52
【问题描述】：

有没有人尝试将 PEGA 的模板集成到他的 Angular 项目中？

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

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

【问题讨论】：

【解决方案1】：

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

创建自定义服务：在这种情况下，UI 是在 Angular 中创建的，并且流程/活动作为服务（包装器）公开。挑战在于，必须创建/维护额外的自定义服务。它还需要单独的令牌和会话管理，以避免在 Pega 中创建孤立线程或对象。 UI 屏幕仅在 Angular 层中创建。注意：在这种情况下，Pega 功能的最佳使用并未完成。
利用 Pega 混搭：集成在 Pega 中创建的 UI 屏幕以嵌入并与利用 iframe 或小工具的外部 UI 集成。它最适合利用所选 UI 堆栈构建的企业门户中的集成应用程序。在某些情况下，需要验证 UX、颜色架构和自定义 - 以获得统一的体验。
从 ver8.x 开始利用 Pega DX API：在 Pega Infinity Platform 和从 8.x 版开始，为 Angu;ar/React 和 Vue 框架提供了 Dx API。优点是屏幕仍然可以使用 OOTB 功能在 Pega 中开发，并且可以在 Angular UI 中完美呈现。但是，请注意：很少有组件不受支持。这将根据旨在做出明智决定的应用程序进行验证。

【讨论】：