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

Add Client

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.

Configure Client

Next Steps

Setup Angular Project