first you need to create the client in keycloak or import the one in the keycloak.json file
primero debe crear el cliente en keycloak o importar el que está en el archivo keycloak.json
then configure the client
luego configurar el cliente
then press the save button
luego presionar el boton guardar
This project was built with Angular CLI version 13.3.0. Este proyecto se generó con Angular CLI versión 13.3.0.
npm keycloak-angular
npm keycloak-js
npm install keycloak-angular keycloak-js
user@srvMachine:~$ npm install keycloak-angular keycloak-jsRun ng build to build the project. The build artifacts will be stored in the dist/ directory.
para construir el proyecto. Los artefactos de compilación se almacenarán en el directorio dist/.
user@srvMachine:~$ ng build
Node.js version v17.8.0 detected.
Odd numbered Node.js versions will not enter LTS status and should not be used for production. For more information, please see https://nodejs.org/en/about/releases/.
✔ Browser application bundle generation complete.
✔ Copying assets complete.
✔ Index html generation complete.
Initial Chunk Files | Names | Raw Size | Estimated Transfer Size
main.c0ccb79935143cde.js | main | 215.46 kB | 58.00 kB
polyfills.8b245e5bebea2570.js | polyfills | 33.03 kB | 10.62 kB
runtime.04a9726dfa065481.js | runtime | 1.06 kB | 598 bytes
styles.ef46db3751d8e999.css | styles | 0 bytes | -
| Initial Total | 249.55 kB | 69.21 kB
Build at: 2022-03-28T22:04:41.894Z - Hash: 5ac5897a1e13566d - Time: 10677ms
Warning: /home/user/workspace-angular/keycloak-angular-application/mi-aplicacion/node_modules/keycloak-angular/fesm2015/keycloak-angular.mjs depends on 'keycloak-js'. CommonJS or AMD dependencies can cause optimization bailouts.
For more info see: https://angular.io/guide/build#configuring-commonjs-dependencies
Run ng serve for a dev server. Navigate to http://localhost:4200/. The application will automatically reload if you change any of the source files.
user@srvMachine:~$ ng serve --host=0.0.0.0
Node.js version v17.8.0 detected.
Odd numbered Node.js versions will not enter LTS status and should not be used for production. For more information, please see https://nodejs.org/en/about/releases/.
Warning: This is a simple server for use in testing or debugging Angular applications
locally. It hasn't been reviewed for security issues.
Binding this server to an open connection can result in compromising your application or
computer. Using a different host than the one passed to the "--host" flag might result in
websocket connection issues. You might need to use "--disable-host-check" if that's the
case.
✔ Browser application bundle generation complete.
Initial Chunk Files | Names | Raw Size
vendor.js | vendor | 2.16 MB |
polyfills.js | polyfills | 294.80 kB |
styles.css, styles.js | styles | 173.23 kB |
main.js | main | 17.35 kB |
runtime.js | runtime | 6.65 kB |
| Initial Total | 2.64 MB
Build at: 2022-03-28T22:28:08.216Z - Hash: 54a26f71fd73576e - Time: 3754ms
Warning: /home/user/workspace-angular/keycloak-angular-application/mi-aplicacion/node_modules/keycloak-angular/fesm2015/keycloak-angular.mjs depends on 'keycloak-js'. CommonJS or AMD dependencies can cause optimization bailouts.
For more info see: https://angular.io/guide/build#configuring-commonjs-dependencies
** Angular Live Development Server is listening on 0.0.0.0:4200, open your browser on http://localhost:4200/ **
✔ Compiled successfully.Run ng test to execute the unit tests via Karma.
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.
To get more help on the Angular CLI use ng help or go check out the Angular CLI Overview and Command Reference page.