rafaelcare/test-angular repository overview

⁠AngularAppV2

This project was generated with Angular CLI⁠ version 6.0.8.

⁠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. Use the --prod flag for a production build.

⁠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 Protractor⁠.

⁠Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI README⁠.

⁠How to implement keycloak security

1.- Create an angular application ng new {name-application}

2.- Start application ({--open} -> Para lanzar la aplicación en el navegador) ng serve --open

3.- Install libraries to add extra functionality npm install --save @ng-bootstrap/[email protected] --save -> Boopstrap npm install [email protected] --save -> Boopstrap npm install [email protected] --save -> Jquery npm install [email protected] --save

4.- Changes in the angular.json file Styles:--------------------------------------------------- "styles": [ "src/styles.css", "../node_modules/bootstrap/dist/css/bootstrap.min.css" ]

Scripts:--------------------------------------------------
"scripts": [
  "node_modules/jquery/dist/jquery.min.js",
  "node_modules/popper.js/dist/umd/popper.min.js",
  "node_modules/bootstrap/dist/js/bootstrap.min.js"
]

4.1.- Add imports in the app component module file {src/app/AppModule} import { NgbModule } from '@ng-bootstrap/ng-bootstrap';

5.- Create components to custom functionality ng g component components/list-user --module=app ng g component components/add-user --module=app

Create a service layer to user
ng g service User


Keycloak - Security
ng g service shared/service/keycloak --module=app	
ng g service shared/service/keycloak --module=app	
ng g service shared/service/keycloak --module=app	
	
ModelClass - Keycloak
ng g class model/UserKeycloak --module=app

6.- Create a Routing module ng generate module app-routing --module app --flat

7.- Create a class ng g class {ClassName}

ng g service util/global-error-handler --module=app