Skip to content

Latest commit

 

History

History
58 lines (32 loc) · 1.53 KB

README.md

File metadata and controls

58 lines (32 loc) · 1.53 KB
Raw

Keycloak Integration with Angular

versions

keycloak: 10.0.2
Angular: 9
postgresql: 9.6-alpine
keycloak-angular: 7.3.1
keycloak-js: 8.0.1

Note: If you are changing at least one version in above version list, probably you have to change other versions also.

Setup Keycloak Server

Run Keycloak

  • Go the docker folder using terminal and execute below cmd

docker-compose -f keycloak-docker-compose.yml up

Configure Keycloak

I create a realm call keycloakIntegration and after hit create button it will look like below.

system schema

I create a client call keycloak-web and add your angular server(http://localhost:4200/) URL as a Root URL Then click save button.

system schema

system schema

Create a user and add credentials.

Run angular application

Execute Below cmd

  • npm install
  • ng serve -o

Note: If you are change Realm name, client name or keycloak server port, Please make sure you correctly update those details in app.module.ts

Reference

Keycloak Documentation

Keycloak-angular library documentation