How to install React JS and how to use react components in pega 8.2
Hi,
I want to configure react js and have to develop UI using react components in pega 8.2.
I have gone through the react starter pack: https://community.pega.com/marketplace/components/react-starter-pack . Is there anyone who already used react components in pega UI, please let me know the procedure steps to configure react components in Pega UI.
Accepted Solution
BNP Paribas Technology Solutions
IN
Hi All,
Thank you for your help.
I have found the root cause for this issue. To configure the URL to our desired system, we need to modify the endpoint.js file with our desired system URL. In the place of URL, we need to provide full web address including our system's api name.
For example, https://{desired system URL}/prweb/api/{v1}
Here, v1 is the name of the api. Search in your pega application with corresponding api name and you will get the full web address of desired system.
Once the URL is modified, the http://localhost:3000/ will be launched and now you can use your own credentials to login into application.
Pegasystems Inc.
GB
Hi
Please check if this previous answer helps.
BNP Paribas Technology Solutions
IN
Hi @JonJames_GCS,
Thank you!
I have already gone through read me file provided in the react starter pack. Please find the below steps mentioned in that file:
"Run the following commands:
* `yarn install`
* `yarn start`
This should open your browser to http://localhost:3000, which is where the application will be served."
As per this command, the browser is opening but not able to login using the credentials provided and getting 'Network error' message every time.
Then i tried to modify the endpoints.js file to point the application to different server. but still it is launching the same above mentioned browser path.
Could you please let me know whether i need to change any other configurations so that i can connect with my server and start using react components in pega?
BPM Company
NL
Did you try to look into Pega logs?
When you click login, it triggers dispatch action
userActions.login(username, password)
(it's in LoginPage.js component).
The action itself defined in user.service.js:
function login(username, password) {
const encodedUser = btoa(username + ":" + password);
return axios
.get(endpoints.BASEURL + endpoints.AUTH, {
headers: { Authorization: "Basic " + encodedUser }
})
.then(function(response) {
localStorage.setItem("user", encodedUser);
return encodedUser;
})
.catch(function(error) {
return Promise.reject(getError(error));
});
}
You also could try to add "debugger" in the promise resonse to see what exactly you receive
Accepted Solution
BNP Paribas Technology Solutions
IN
Hi All,
Thank you for your help.
I have found the root cause for this issue. To configure the URL to our desired system, we need to modify the endpoint.js file with our desired system URL. In the place of URL, we need to provide full web address including our system's api name.
For example, https://{desired system URL}/prweb/api/{v1}
Here, v1 is the name of the api. Search in your pega application with corresponding api name and you will get the full web address of desired system.
Once the URL is modified, the http://localhost:3000/ will be launched and now you can use your own credentials to login into application.
Updated: 24 Jun 2020 14:12 EDT
ATOS
IN
Hi Team, Where do we need to run the comments.. In the Readme Document they mentioned Terminal. Are they refering commend prompt or anything else. i am running in comment prompt i am getting bat file not found error.please help me to resolve the issue /
Download React from this link :https://community.pega.com/marketplace/components/react-starter-pack