用途:介绍 Pega Launchpad(基于 Constellation 设计系统)的自定义 UX(Custom UX)组件,说明何时应构建自定义组件、需要哪些设计与数据输入,以及 Custom UX 在 Launchpad 架构与 DX 模式中的位置。
主要能力:解释自定义组件与开箱即用视图/模板的取舍;提供生成代码前必走的对话流程(先验证 OOTB 组件是否满足、检查 https://launchpad.io/ux-boosters 目录、收集详细需求、推荐组件类型并确认,最后才生成代码);给出 DXCB(Digital Experience Component Builder)项目的初始化、tasks.config.json 配置、组件构建、认证与发布步骤;说明模板(DETAILS/FORM/PAGE)、部件(PAGE/CASE)、字段组件三种类型的选取。
使用方式:需 Node.js LTS 与 npm、代码编辑器、Launchpad Provider 管理员访问与 OAuth 客户端凭据(clientId、clientSecret)、Provider 前端 URL 与 isolationID。初始化命令为 npx @pega/custom-dx-components@~25.1 init,随后配置 tasks.config.json 的 server-config,运行 npm run buildComponent、npm run Authenticate、npm run publish。参考仓库使用 https://github.com/pegasystems/constellation-ui-gallery/tree/next/src/components 的 next 分支。
适用场景:需要 OOTB 不支持的专用可视化(图表、地图、排程、复合布局)、嵌入第三方库、跨多种 case 类型复用的 UX 模式,或为特定角色定制视图。
限制:应优先使用 OOTB 组件与 UX Boosters;代码不得在流程确认前生成;不得绕过认证授权、不应从浏览器直连后端;需遵循 Constellation 设计规范、无障碍与响应式要求,并评估长期维护成本。具体价格与平台支持情况暂未提供。