UserAdminFrontend

This project was generated with Angular CLI version 12.2.5.

Screenshots

Preconditions

Keycloak installation and configuration

• Install Keycloak v17.0
• Add realm 'user-admin-app'
• Create client 'user-admin-frontend'
  • Enabled: On
  • Client protocol: openid-connect
  • Access Type: public
  • Standard workflow enabled: On
  • Direct Access Grants Enabled: On
  • Root URL: http://localhost:4200
  • Valid Redirect URIs: http://localhost:4200/*
  • Admin URL: http://localhost:4200
  • Web Origins: http://localhost:4200
• Create client 'user-admin-backend'
  • Enabled: On
  • Client protocol: openid-connect
  • Access Type: bearer-only
  • Add role user-admin-user and user-admin-admin
• Create client '__user-admin-backend-admin'
  • Enabled: On
  • Client protocol: openid-connect
  • Access Type: confidential
  • Standard workflow enabled: On
  • Direct Access Grants Enabled: On
  • Root URL: http://localhost:9090
  • Valid Redirect URIs: http://localhost:9090/*
  • Admin URL: http://localhost:9090
  • Web Origins: http://localhost:9090
  • Generate Secret in Credentials tab
• Create at least one user with all realm management, user-admin-user and user-admin-admin permissions
• Used by application: Username: user2, Password: password

Running backend

https://github.com/jspieckermann/user-admin-backend

Development server

Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Code scaffolding

Run ng generate component component-name to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module.

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory.

Running unit tests

Run ng test to execute the unit tests via Karma.

Running end-to-end tests

Run ng e2e to execute the end-to-end tests via a platform of your choice. To use this command, you need to first add a package that implements end-to-end testing capabilities.

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI Overview and Command Reference page.