Upgrade OIDC App to angular-auth-oidc-client 13.1

Upgrade pom.xml from your Angular Project

• https://www.helikube.de/update-an-oidc-app-from-angular-12-to-13/

Potential Code Changes

Use angular-auth-oidc-client AuthInterceptor

• In case you use your own interceptor you sould remove it an use the interceptor from this lib
  • https://www.helikube.de/using-authinterceptor-provided-by-angular-auth-oidc-client/
• SecureRoutes Settings:

secureRoutes: ['http://localhost:8080']

Keycloak Setup

• Create an Client with code flow + PKCE [ is more secure than the implicit flow ]
  • AccessType: public
  • Web Origin: +
• Note: Our Angular client named angular-frontent must reside in the same realm than our Quarkus/Rest API .
• The quarkus Client type sould be confidential

Potential Errors

Starting OIDC connect App fails

​ERROR Error: Uncaught (in promise): Error: could not find matching config for state …
Error: could not find matching config for state …

Fix

• In auth-config.modulets change historyCleanupOff: true -> historyCleanupOff: false

Reference

• https://github.com/damienbod/angular-auth-oidc-client/issues/1318