Fonctionnement revu + mise en place du login avec Token Jwt

package.json

@@ -19,12 +19,15 @@
     "@angular/platform-browser": "^16.2.12",
     "@angular/platform-browser-dynamic": "^16.2.12",
     "@angular/router": "^16.2.12",
+    "@fortawesome/angular-fontawesome": "^0.14.0",
+    "@fortawesome/fontawesome-free": "^6.4.2",
+    "@fortawesome/free-solid-svg-icons": "^6.4.2",
     "eslint-config-prettier": "^8.8.0",
     "eslint-plugin-prettier": "^4.2.1",
     "flowbite": "^1.5.3",
     "prettier": "^2.8.7",
     "primeicons": "^6.0.1",
-    "primeng": "^15.4.1",
+    "primeng": "^16.4.2",
     "rxjs": "^6.6.0",
     "tslib": "^2.3.0",
     "zone.js": "~0.13.3"
@@ -49,4 +52,4 @@
     "tailwindcss": "^2.2.19",
     "typescript": "^5.1.6"
   }
-}
+}

src/app/api/models/concretes/authenticate-user.ts

@@ -0,0 +1,6 @@
+export interface AuthenticateUser {
+  email: string;
+  password: string;
+  userName: string;
+  token: string;
+}

src/app/api/request.ts

@@ -97,6 +97,8 @@ export class ApiRequest {
       responseType: 'json',
     };
 
+    console.log('Request: ', requestOptions);
+
     return httpClient
       .request<T>('POST', path, requestOptions)
       .pipe(

src/app/api/services/authenticate.service.spec.ts

@@ -0,0 +1,19 @@
+/* tslint:disable:no-unused-variable */
+
+import { TestBed, async, inject } from '@angular/core/testing';
+import { AuthenticateService } from './authenticate.service';
+
+describe('Service: Authorize', () => {
+  beforeEach(() => {
+    TestBed.configureTestingModule({
+      providers: [AuthenticateService],
+    });
+  });
+
+  it('should ...', inject(
+    [AuthenticateService],
+    (service: AuthenticateService) => {
+      expect(service).toBeTruthy();
+    }
+  ));
+});

src/app/api/services/authenticate.service.ts

@@ -0,0 +1,60 @@
+import { Injectable } from '@angular/core';
+import { AbstractService } from './abstract/abstract.service';
+import { ParametersRequest } from '../models/shared/parametersRequest';
+import { AppConfig } from 'src/app/app.config';
+import { HttpClient } from '@angular/common/http';
+import { AuthenticateUser } from '../models/concretes/authenticate-user';
+import { ApiRequest } from '../request';
+
+@Injectable({
+  providedIn: 'root',
+})
+export class AuthenticateService extends AbstractService {
+  parametersRequest!: ParametersRequest;
+  api_authenticate: string;
+
+  constructor(config: AppConfig, httpClient: HttpClient) {
+    super(config, httpClient);
+    this.api_authenticate = config.getConfig('authenticate_api');
+    console.log('API Authenticate: ' + this.api_authenticate);
+  }
+
+  login(authenticateUser: AuthenticateUser) {
+    this.parametersRequest = {
+      url: this.api_authenticate + '/login',
+      parameters: [],
+    };
+
+    const path = this.basePath + this.parametersRequest.url;
+    console.log(this.api_authenticate, authenticateUser);
+    return ApiRequest.post<AuthenticateUser>(
+      this.httpClient,
+      this.defaultHeaders,
+      this.configuration,
+      path,
+      authenticateUser,
+      undefined,
+      'body',
+      false
+    );
+  }
+
+  register(authenticateUser: AuthenticateUser) {
+    this.parametersRequest = {
+      url: this.api_authenticate + '/register',
+      parameters: [],
+    };
+
+    const path = this.basePath + this.parametersRequest.url;
+    return ApiRequest.post<AuthenticateUser>(
+      this.httpClient,
+      this.defaultHeaders,
+      this.configuration,
+      path,
+      authenticateUser,
+      undefined,
+      'body',
+      false
+    );
+  }
+}