Discussion
Pegasystems Inc.
PL
Last activity: 6 Sep 2024 5:38 EDT
Constellation hands-on
Hi and welcome to Constellation hands-on. Series of articles about Constellation architecture. Me and my colleagues will share our knowledge and experience implementing new Pega UI architecture, Constellation. We will start from basics, explaining architectural building blocks, discussing new parading of building apps. Then we will delve into more advanced topics.
This post will be updated with links to new articles being published. In this post we invite you to join discussion about articles and topics from Constellation that interest you most.
- Introduction to Constellation Architecture - https://community.pega.com/blog/introduction-constellation-architecture - Kamil Janeczek
- Why Constellation - two giant leaps at the same time - https://community.pega.com/blog/why-constellation-two-giant-leaps-same-time - Maciej Dybał
- Characteristics of Constellation Architecture - https://community.pega.com/blog/characteristics-constellation-architecture - Paweł Moszkowski
- Constellation building blocks - https://community.pega.com/blog/constellation-building-blocks - Kamil Janeczek
- Flexible UI with Constellation - https://community.pega.com/blog/flexible-ui-constellation - Kamil Janeczek
- Prescribed and flexible UI with Constellation - https://community.pega.com/blog/prescribed-and-flexible-ui-constellation - Kamil Janeczek
- How Constellation works - from authoring to rendering - https://community.pega.com/blog/how-constellation-works-authoring-rendering - Piotr Jurkowski
-
Reply
-
Piotr Kupczyk Marissa Rogers Xiaomin Liu Archana Ganesan Daigo Muto and 12 More -
Share this page Facebook Twitter LinkedIn Email Copying... Copied!
Deloitte
IN
@Kamil Janeczek Its better to give video series,as What ever small things we could do earlier those things are becoming complicated. Simple launching a pop up with Respected Data using Data Reference Case Reference and Embedded data
Pegasystems Inc.
PL
Thank you for your comment. We will publish a series of short how-to videos. This series of posts is about the architecture of Constellation and the paradigm shift. It is necessary to understand the story behind Constellation and its major principles to be effective in building robust and high-performing applications. I understand the challenge as in Constellation things are achieved differently but clients can achieve the same business outcomes as previously, having many benefits. Benefits that we are describing in detail in this series.
If you have some particular use cases to be covered please put them in a comment or PM me. I will make sure your voice is heard.
Pegasystems Inc.
AU
@AcharyaMVS8878 when using query field type you have an option to configure the field to appear as a link. this would work well if your refered object is a data or case object. When using embeded data you would get facility to open modal when the field is used in Form View and partial view.
Updated: 20 Jun 2024 6:32 EDT
SoftServe
DE
@Kamil Janeczek@Kamil Janeczekwow, thank you all for the wonderful series .
Kindly share some notes on migration from older UI to constellation like major issues being faced, key takeaways etc.
Thanks again and can't wait for the next in list.👌
Pegasystems Inc.
PL
Hi Archana, thanks for the comment. I would love to provide you with some more guidance on migration right away but we need to wait a little bit more. We are working on a tool to help with migrations. Work in progress but looks very promising. There will be also best practices published together with key takeaways.
I would like to mention here that migration to Constellation shall be a deliberate choice of weighting effort and potential gain. It depends on the use case as in the end, all that matters is the outcome. Let's stay tuned.
Booking Holdings
IN
@Kamil Janeczek These articles are really great to understand the Constellation in detail. A big thanks for sharing these details.
I have a few very specific questions on the architecture?
1. What contents are stored in CDN sever? Could you please share a few very specific examples?
2. What contents are stored in app-static server? Could you please share a few very specific examples?
3. Who initiates a call to the CDN server and at what point during a transaction? Is it initiated by the browser? What's the protocol for this communication?
4. Who initiates a call to the App-static server and at what point during a transaction? Is it initiated by the browser? What's the protocol for this communication?
5. How the does the browser process the metadata of the UI and render it? Does it use the Pega Constellation JS libraries which are loaded when the constellation portal is loaded for the first time during a user session?
HCL
NL
@AnupamPegaCLSA Hi , I will share my overview for some of the questions on a high level with single line.
1. CDN server consists of UI components that you would expect that pega has to have. - house of Pega UI components and design patterns.
2.App static server is a house of non- Pega - customer side UI services and components, it can be any tech, core react, core angular or web components or custom UI tech combinations and flavours.
3. Who initiates a call to the CDN server and at what point during a transaction? Is it initiated by the browser? What's the protocol for this communication?
The call to the CDN server happens when you first browse the pega application- open the network and observer the prbootstrap - 2nd transaction in the network trace. this Js code redirects to the CDN url and loads the JS to the browser.
4.Who initiates a call to the App-static server and at what point during a transaction? Is it initiated by the browser? What's the protocol for this communication?
Same - prbootstrap JS initiates the call to App static server when you hit the Pega server.
5.How the does the browser process the metadata of the UI and render it? Does it use the Pega Constellation JS libraries which are loaded when the constellation portal is loaded for the first time during a user session?
this point I am not 100 % sure. someone may correct it.
@AnupamPegaCLSA Hi , I will share my overview for some of the questions on a high level with single line.
1. CDN server consists of UI components that you would expect that pega has to have. - house of Pega UI components and design patterns.
2.App static server is a house of non- Pega - customer side UI services and components, it can be any tech, core react, core angular or web components or custom UI tech combinations and flavours.
3. Who initiates a call to the CDN server and at what point during a transaction? Is it initiated by the browser? What's the protocol for this communication?
The call to the CDN server happens when you first browse the pega application- open the network and observer the prbootstrap - 2nd transaction in the network trace. this Js code redirects to the CDN url and loads the JS to the browser.
4.Who initiates a call to the App-static server and at what point during a transaction? Is it initiated by the browser? What's the protocol for this communication?
Same - prbootstrap JS initiates the call to App static server when you hit the Pega server.
5.How the does the browser process the metadata of the UI and render it? Does it use the Pega Constellation JS libraries which are loaded when the constellation portal is loaded for the first time during a user session?
this point I am not 100 % sure. someone may correct it.
yes Pega constellation JS libraries has two public APIs ,pCore and pConnect the JS code in these APIS are responsible to load the metadata .
Booking Holdings
IN
@JBRaghuraammThanks for taking time and sharing your thoughts.
I think pcore and pconnect are the APIs to access the metadata and debug. May be they also render the UI based on the metadata. Will try to explore.
Pegasystems Inc.
PL
@AnupamPegaCLSA regarding PCore and PConnect. Here is more info.
Pegasystems Inc.
PL
@JBRaghuraamm thank you for chiming in. Perfectly described!
@AnupamPegaCLSA: the last article in series will build on theoretical knowledge presented in series to show how it really works. Hope this will give some more clarity how the building blocks works together.
Updated: 6 Sep 2024 4:45 EDT
Labb Consulting
GB
@Kamil Janeczek Thanks for these articles they are great. One topic I would like to see if how we would embed a web analytics tool (such as Google Tag Manager) into a constellation app.
Pegasystems Inc.
PL
@Phill99JAs far as I know there is no elegant solution for this. DX Component will not make it as you need to have GTM loaded on every page, let me ask internally what options we have.
Labb Consulting
GB
@Kamil Janeczek Thanks that would be helpful - the best option I could think of so far would be a DX component that can be added to each page which isn't very efficient