SuperAPI AI 工具集

launchpad-ux-custom-frontend

前端与建站

查看项目

更新于 10-16 03:17

技能介绍

用途:本技能指导在 Pega Launchpad 上基于 Pega React SDK 构建自定义 React 前端。它通过 Constellation 引擎(@pega/constellationjs)处理渲染、数据绑定、案例管理与 API 通信,而非直接调用 DX API。资料建议优先使用 Launchpad 开箱即用的 Constellation 组件与模板;仅在需要定制可视化、特定设计系统(如 Material UI、shadcn/ui)或完全掌控布局时,才考虑自建前端,并评估 SDK 升级与安全补丁等长期维护成本。

主要能力:SDK 组件与桥接层可自动渲染 Pega 视图,并提供创建案例、处理分配任务的钩子。关键依赖版本为 @pega/react-sdk-components ^25.1.0、@pega/constellationjs ^25.1.0、@pega/auth ~0.2.0,其余依赖建议使用最新稳定版并检查弃用警告。

使用方式:需从开发者收集 UI 框架、品牌色与生成目录;从 Launchpad 获取服务器 URL、授权/令牌/吊销 URL、OAuth 客户端 ID 与密钥、App Alias、案例类型等。核心配置文件为 sdk-config.json,必须设 serverType 为 launchpad,开发时通过 webpack dev server 代理 /dx/ 请求以规避 CORS。认证使用 mainRedirect: true(Cognito 禁止 iframe),redirectUri 指向主页面。生产环境需配置 CORS 策略与 OAuth 客户端注册。

限制:资料未提供具体收费、价格或许可信息;开发阶段需本地代理,生产需额外 CORS 与 OAuth 配置。