[中字] Pega Constellation UI 架构入

门教程（中文字幕英文视频教程） Pega Constellation UI 是 Pega Infinity 架构中一种全新的用户界面架构，它带来了从定制到配置的思维转变，旨在提供更高效、灵活和一致的用户体验。 Constellation UI 架构概述 Constellation 是一种真正的单页应用（SPA）架构，基于 ReactJS 开源前端框架构建。与 Pega 传统的 UI 架构相比，它在性能上有显著提升，例如交互速度快 3 倍，网络有效载荷小 7 倍，初始服务器响应时间快 10 倍，首次加载时的请求减少 30%。 Constellation 架构摆脱了依赖定制的事件驱动 UI，转向一种规定性设计范式，将业务逻辑融入应用工作流程，形成了 Pega 首个真正的 “中心向外” 架构。它还包括一个新的客户端引擎，可将 Pega 平台的应用逻辑和数据与任何前端设计系统进行协调。 从定制到配置的转变 App Studio 优先：Constellation 应用程序采用 “App Studio 优先” 的方法构建。App Studio 隐藏了规则集和类周围的复杂性，开发人员无需担心在何处创建规则以及正确的类和规则集，也无需管理基于模式继承的复杂功能，从而使开发时间更短，并确保应用程序采用最佳实践和防护措施。 关注业务结果：在 Constellation 中，开发人员的思维方式转变为专注于实现业务结果，而不是配置 UI 的细节。开发人员可以将更多时间花在思考工作流程所产生的业务结果以及为用户快速高效地解决案例所需的数据上。 视图取代部分：在 Pega 的传统架构中，开发人员创建部分（section），而在 Constellation 中，部分已被视图（view）取代。Constellation 架构通过新的 UI 模型，使用视图、模板和小部件来构建应用程序，解决了不必要的复杂性和不一致的 UI 问题。 Constellation UI 的组成部分 完整案例视图（Full Case View）：代表 Pega 平台中的单个案例，采用三面板布局，可容纳大量信息，无需滚动或切换到其他视图即可查看大部分内容。 详细信息视图（Details View）：是一个默认的可选视图，可呈现只读的案例数据，如重要字段和其他信息，默认配置为显示主要字段。 动态视图（Pulse View）：也是默认的可选视图，显示动态信息，允许用户在案例的上下文中发布、查看和回复消息，该视图包括在案例的任何阶段都可编辑的重要字段。 创建视图（Create View）：呈现一个表单，用于捕获创建案例所需的数据。 列表视图（List View）：提供控件以有效地管理和操作案例列表。 Constellation 的优势 快速：大大减少了开发时间，为最终用户提供闪电般的快速性能。 规定性：为企业案例工作人员或自助服务用户提供了规定性的多渠道体验，跨应用程序具有一致的用户体验，并内置了可访问性和前端最佳实践。 可扩展性：可以扩展开箱即用的用户体验，以适应特定于应用程序的高级模式，还可以适应其他设计系统和前端。 降低总体拥有成本：加快了定义应用程序工作流程和逻辑的速度，受益于开箱即用的用户体验、无摩擦的 UI 升级、更快的开发时间、更高的可学习性和减少的培训。 Constellation 与 DX API Constellation 与 DX API（数据交换 API）紧密结合，通过 DX API V2 可以更方便地与外部系统进行数据交互。例如，可以使用 DX API V2 创建案例、获取任务详细信息以及执行任务操作等。这使得 Constellation 能够驱动外部自助服务门户，创建全渠道的客户体验。 Constellation 中的自定义组件 在 Constellation 中，可以创建自定义的 DX 组件。开发人员可以通过一系列步骤，包括创建应用程序和自定义组件、定义组件结构、将自定义组件发布到 Pega 以及查看创建的组件，来实现对 Constellation 应用程序的扩展和定制。 Constellation SDK Constellation 提供了软件开发工具包（SDK），方便开发人员进行集成和扩展。SDK 包括下载、与 Pega 的集成以及不同的模式等内容，帮助开发人员更高效地利用 Constellation 的功能构建应用程序