This UI is use to show the integration with Keycloak as an identify provider in order to call different services.
This project was bootstrapped with Create React App.
Define a file in a .env containing the different values
PORT=8080
REACT_APP_REACT_KEYCLOAK_URL=[TBD]
REACT_APP_KEYCLOAK_REALM=[TBD]
REACT_APP_KEYCLOAK_CLIENTID=[TBD]
REACT_APP_ACCOUNT_SERVICE=[TBD]
In the project directory, you can now run:
Runs the app in the development mode.
Open http://localhost:8080 to view it in the browser.
The page will reload if you make edits.
You will also see any lint errors in the console.
Launches the test runner in the interactive watch mode.
See the section about running tests for more information.
Builds the app for production to the build
folder.
It correctly bundles React in production mode and optimizes the build for the best performance.
The build is minified and the filenames include the hashes.
Your app is ready to be deployed!
See the section about deployment for more information.
To run this example inside and OpenShift cluster. We assume that you have the proper setup
- an 4.X OpenShift install
- The proper cli on your machine
- a clone/fork of the git repo
- An instance of RH SSO / Keycloak running
- The required endpoint if you want the service to work.
-
Connec to openshift using cli
-
Create a project
oc new-project bank-ui
-
Deploy the code
oc new-app https://github.com/froberge/bank-ui
-
Expose the service and retrive the url
oc get services oc expose svc [service_name] oc get route [route_name] --template='http://{{.spec.host}}'
🔥 Currently the apps won't work. We need to add the configMap.
-
Deploy the config map. :warning: Make sure you have enter the proper value for the different variables.
oc apply -f [github-project]/openshift/configMap.yaml
-
Assign the configmap as env variable
oc set env --from=configmap/banque-ui-config deploy/bank-ui
💥 Refresh page it should now work.