Did anyone successfully run React-Based UI on Pega 8.5.1?

I was trying the beta version of React-based UI feature on Pega 8.5.1 but did not succeed.

Instructions I followed are:

High level steps I performed:

  1. Get image access key from Pega

  2. Pull required images

  3. Deploy pega, pega search, constellation to my locally running docker + kubernetes

  4. Create a demo application

  5. Enable React-Based UI in application rule and set appropriate costmos DSS

  6. Create a Portal

  7. Launch the poral - a blank page is displayed and and in browser tracer I see 400 error when pega is retrieving portal:

https://pega.local.com/prweb/app/my-cosmos-demo/api/application/v2/portals/MyTestPortal

Any suggestions will be appriciated.

I have same issue.
But I found workaround to just run and play with React. You can change REST server address.
2 steps have to be done:

  1. Open HTML @baseclass.pxBootstrapShell in private edit and change restServer variable to Pega address with basic auth credentials, example: ‘https://operatorLogin:opertorPassword@localhost:8443/prweb’ (this should be done around line 114)
  2. Open “application” service package and change authentication type to Basic

Of course it is not target solution, but is good enough to see how React frontend app is working

@PSOBO Thaks for replying. My issue is slightly different. See the reply above.

@jasper.zhao After working with Pega Support/UI Team, it turns out to be a defect in the system. The issue is with the app url Pega generates - https://pega.local.com/prweb/app/my-cosmos-demo/api/application/v2/portals/MyTestPortal

The app alias “my-cosmos-demo” has dashes in it. Updating the application alias to “mycosmosdemo” resolved the issue.

Pega will fix the issue in next version. In the meanwhile, removing the special chars in the app alias will work around the issue.