Configure your OpenID Connect Client
Set up the OpenID Connect Client
Within the Keycloak management console, Click on Clients on the left hand side and click Create to provision a new OpenID Connect Client.
Enter the Client ID e.g. demo and ensure the Client Protocol is openid-connect and click Save
Scroll down the client configuration page and configure the Valid Redirect URIs with http://localhost:4200/* and the Web Origins with http://localhost:4200 and click Save.
This configuration will allow Keycloak to re-direct to approved URIs after an authentication and also allow a cross domain request from the Angular application to exchange the OAuth code for an access token.
Note: Please ensure there is no /* after the http://localhost:4200 in the Web Origins configuration.