Diferencias

Muestra las diferencias entre dos versiones de la página.

--- ada:howto:sicoferp:factory:new-migracion-sicoferp:front:esquema [2024/06/27 16:53]
192.168.177.98
+++ ada:howto:sicoferp:factory:new-migracion-sicoferp:front:esquema [2024/08/06 14:21] (actual)
192.168.175.41
@@ Línea 6: / Línea 6: @@
-  * Según la convención escogida para el consumo desde el BACK este sería un ejemplo de un body.
+Según la convención escogida para el consumo desde el BACK este sería un ejemplo de un body.
     body = {
@@ Línea 27: / Línea 27: @@
-  *  Para el consumo estándar de un servicio se establecen 5 parametros de los cuales obligatorio se debe pasar baseUrl que se encuentra en los enviroment, endpoint que en este caso se define en el ejemplo dentro del objeto configTercero y opcionalmente pasamos params, headers y body. Los servicios creados en srping requiere en algunos casos body y generalmente requieren los headers, como el ejemplo presentado en el artículo, mientras que los params se utiliza en la mayor parte de los caso para servicios del tipo get.
+Para el consumo estándar de un servicio se establecen 5 parametros de los cuales obligatorio se debe pasar baseUrl que se encuentra en los enviroment, endpoint que en este caso se define en el ejemplo dentro del objeto configTercero y opcionalmente pasamos params, headers y body. Los servicios creados en srping requiere en algunos casos body y generalmente requieren los headers, como el ejemplo presentado en el artículo, mientras que los params se utiliza en la mayor parte de los caso para servicios del tipo get.
    configTercero = {
@@ Línea 42: / Línea 42: @@
-  * El metodo getData recibe un endpoint como el descrito en configTercero, una baseUrl, params, un header, hace el consumo del metodo que se ecuentra en apiServices pasandole dichos parametros, lo cual responde una vez subscrito como en el siguiente ejemplo con una data o un error, finalmente despues de la respuesta se desuscribe.
+El metodo getData recibe un endpoint como el descrito en configTercero, una baseUrl, params, un header, hace el consumo del metodo que se ecuentra en apiServices pasandole dichos parametros, lo cual responde una vez subscrito como en el siguiente ejemplo con una data o un error, finalmente despues de la respuesta se desuscribe.
   getData(endpoint: string, baseUrl: string, params?: any, header?: any): void {
@@ Línea 60: / Línea 60: @@
+ La clase ApiService que se encuentra en la ruta shared/components/services, contiene los metodos del CRUD, para el consumo con el back, de ser necesario agregar nuevos metodos para implementaciones especificas se puede editar dicha clase.
+<code>
+import { Injectable } from '@angular/core';
+import { HttpClient, HttpHeaders } from '@angular/common/http';
+import { Observable, map } from 'rxjs';
+@Injectable({
+  providedIn: 'root'
+})
+export class ApiService {
+  constructor(private http: HttpClient) { }
+  get<T>(endpoint: string, baseUrl: string, params?: any, headers?: HttpHeaders): Observable<T> {
+    const url = `${baseUrl}/${endpoint}`;
+    return this.http.get<T>(url, { params, headers });
+  }
+  post<T>(endpoint: string, baseUrl: string, body: any, params?: any, headers?: HttpHeaders): Observable<T> {
+    const url = `${baseUrl}/${endpoint}`;
+    return this.http.post<T>(url, body, { params, headers, responseType: 'json' }) as Observable<T>;
+  }
+  postText<T>(endpoint: string, baseUrl: string, body: any, params?: any, headers?: HttpHeaders): Observable<string> {
+    const url = `${baseUrl}/${endpoint}`;
+    return this.http.post(url, body, { params, headers, responseType: 'text' }) as Observable<string>;
+  }
+  put<T>(endpoint: string, baseUrl: string, body: any, headers?: HttpHeaders): Observable<T> {
+    const url = `${baseUrl}/${endpoint}`;
+    return this.http.put<T>(url, body, { headers });
+  }
+  delete<T>(endpoint: string, baseUrl: string, headers?: HttpHeaders): Observable<T> {
+    const url = `${baseUrl}/${endpoint}`;
+    return this.http.delete<T>(url, { headers });
+  }
+}
+</code>
+[[ada:howto:sicoferp:factory:new-migracion-sicoferp:front|←Regresar]]

Wiki

Herramientas de usuario

Herramientas del sitio

Diferencias

Herramientas de la página