Discussion
Pegasystems Inc.
PL
Last activity: 29 Nov 2024 7:55 EST
Constellation Flexible UI
Hi and welcome to series of articles about Constellation and UI choices it offers called Constellation Flexible UI. I will share my knowledge and experience implementing new Pega UI architecture, Constellation, precisely I will concentrate on custom UI choices offered.
If you would like to know more about basics of Constellation I invite you to take a look on another series of post Constellation Hands-on. Me and my colleagues covered there a wide range of topics related to Constellation that will give you a jump start with Pega new UI capabilities. In this series of posts I assume you already have a sound understanding of Constellation.
I will start from briefly explaining architectural building blocks, discussing new parading of building apps. Then we will go into more advanced topics and see what are our options to implement custom UI utilizing Constellation. Take a look on demo of application that we will build:
- Ul choices with Constellation - https://support.pega.com/discussion/ui-choices-constellation-architecture
- Getting started with SDKs - https://support.pega.com/discussion/getting-started-sdks
- React starter pack - https://support.pega.com/discussion/react-sdk
- Preparing for development with SDKs - https://support.pega.com/discussion/preparing-development-sdks
- Refactoring sample app - https://support.pega.com/discussion/refactoring-sample-application
- Installing tech stack of choice - https://support.pega.com/discussion/installing-tech-stack-choice
- Integrating with Constellation JS via SDK - https://support.pega.com/discussion/integrating-constellationjs-sdk
- Mashup API - https://support.pega.com/discussion/mashup-api
- Overriding components - https://support.pega.com/discussion/overriding-components
- Creating Custom DX component - https://support.pega.com/discussion/creating-custom-dx-component
- Other ways to communicate with Constellation - https://support.pega.com/discussion/other-ways-communicate-constellation
- Custom authentication and security considerations - https://support.pega.com/discussion/custom-authentication-and-security-considerations
Source code available on GitHub repository: https://github.com/kamiljaneczek/Sweet-Life-Pega
11.10.2024 - Update : Demo application is not longer available. Please see recorded demo (no voice): https://www.youtube.com/watch?v=LrdKmpy3QCU
Accenture
GB
@Kamil Janeczek Hi Kamil, Greetings. Hope you are well! I am looking into run this demo app in my Pega Infinity '23 Constellation based server, i have downloaded the SDK and RAP, noticed that Client registration is set to confidential, Can you please let me know if this app can be run locally and what changes are needed?
Regards,
Bharat
Pegasystems Inc.
PL
@KOMARINA yes it can be run locally. If anything is wrong with Client Registration rule ofr in general with authentication you can recreate rules to make auth the way you need it.
Accenture
GB
@Kamil Janeczek Thank you, i also have forked the github repo locally and noticed that there is a hard-coded labs url within few tsx files, example https://github.com/kamiljaneczek/Sweet-Life-Pega/blob/1ddc639f252a77efa221de03fa19ba9d1e16ce36/src/app/contact.tsx#L22
i am assuming i should be changing all these manually to my Infinity Server URL?
Regards,
Bharat
Updated: 29 Nov 2024 7:54 EST
Pegasystems Inc.
PL
One thing that might be required to configure if you experience CORS issue is to add couple of allowed headers.
Accenture
GB
@Kamil Janeczek Thank you, Kamil. I am trying a pega case in an embedded mode and wanted to have the address bar url changed when navigating from screen, do you happen know if the current Pega ReactSDK has this feature or any solution that you can suggest?
Regards,
Bharat