0

Me dieron un WSDL para consumir y sacar información de ahí, de un método llamado CargaFiltros

Este es el WSDL http://201.168.154.186/WebServices/wsinfo/Service1.svc?wsdl

Intenté hacerlo muy rústico para ver si funciona, pero no tuve éxito

import { HttpClient, HttpHeaders } from '@angular/common/http';
import { Injectable } from '@angular/core';

@Injectable({
  providedIn: 'root'
})
export class UdlService {

  constructor(
    private http: HttpClient
  ) { }

  getFilters(): any {
    const headers = new HttpHeaders({
      'Content-Type': 'text/xml',
    })
    this.http.get('http://201.168.154.186/WebServices/Wsinfo/Service1.svc', { headers })
    .subscribe( data => {
      console.log(data);
    })
  }
}

De primera me esta regresando un error

Access to XMLHttpRequest at 'http://201.168.154.186/WebServices/Wsinfo/Service1.svc' from origin 'http://localhost:4200' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.

Y tampoco tengo la más mínima idea de donde debería ir el parametro de CargaFiltros para dirigirme ahí

intenté con la librería ngx-soap y parecía funcionar, puesto que tiene un método llamado .call() donde si le pasa el método a consumir así como los posibles parámetros.

Desafortunadamente quedó sin mantenimiento y no es compatible con la versión de Angular que estoy trabajando.

¿Alguna idea de cómo resolverlo?

6
  • La respuesta corta: Tienes problema de CORS, así que no vas a poder consumir el WS desde angular
    – Yussef
    el 11 nov. 2022 a las 2:00
  • 1
    Hola. Este tipo de servicios tiene la bondad de "auto-documentarse" Con postman es posible cargar todos los entry point agregando el link. Una vez echo esto puedes revisar los encabezados correctos y recrearlos en angular. SOAP requiere una estructura especifica tanto en los headers como el body. De esta manera puedes omitir el uso de la libreria.
    – Legna
    el 11 nov. 2022 a las 15:17
  • 1
    El problema de cors al parecer es por que no le estas enviando la cabecera en el header mencionada en el error. Tienes que especificarla.
    – Legna
    el 11 nov. 2022 a las 15:23
  • Ya resolví el tema del CORS, pero sigo sin la posibilidad de consumir una función específica del SOAP, tampoco enviarle parámetros el 11 nov. 2022 a las 18:24
  • 2 consultas: 1) CargaFiltros pide un string como parámetro llamado hash_code, puedes brindarme uno valido para hacer pruebas ?? y 2) Un SOAP se comunica mediante XML, pero tu WS retorna a su vez un XML como respuesta (sería un XML dentro de un XML) que es lo más extraño que he visto desde que dejé los psicotrópicos. A ti te basta con tener el XML de respuesta o también quieres leerlo??
    – Yussef
    el 13 nov. 2022 a las 20:32

1 respuesta 1

1
+300

La comunicación por SOAP no es más que una transferencia de XML's por POST estos XML contienen namespaces que hay que respetar, es una tecnología tan maravillosa que ahora ocupamos JSON y no miramos atrás. Además a través de header's indicamos la acción a realizar.

Las reglas son:

  1. method: POST

  2. Headers:

    2.1) "Content-type": "text/xml; charset=utf-8"

    2.2) "SOAPAction": "http://tempuri.org/IService1/CargaFiltros" (notar que este el método a llamar, para otros métodos habría que cambiarlo

  3. Body en XML

<s:Envelope xmlns:s="http://schemas.xmlsoap.org/soap/envelope/">
   <s:Body xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:xsd="http://www.w3.org/2001/XMLSchema">
      <CargaFiltros xmlns="http://tempuri.org/">
         <hash_code>EL HASH CODE</hash_code>
      </CargaFiltros>
   </s:Body>
</s:Envelope>

Desde angular 2 que no toco ese framework, así que no puedo entregar un ejemplo concreto. Pero puedo dar un código javascript que creo que es fácilmente migrable (incluso creo que podría funcionar directamente, ya que solo he usado funciones nativas)

Lo primero que hice es crear una clase Code donde la función toSoap me devuelve el Body

class Code {
    constructor(code) {
        this.code = code;
    }
    toSoap() {
        return `<s:Envelope xmlns:s="http://schemas.xmlsoap.org/soap/envelope/"><s:Body xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:xsd="http://www.w3.org/2001/XMLSchema"><CargaFiltros xmlns="http://tempuri.org/"><hash_code>${this.code}</hash_code></CargaFiltros></s:Body></s:Envelope>`;
    }
}

Luego un fetch

let HasCode = new Code("3123123123");

fetch("http://201.168.154.186/WebServices/wsinfo/Service1.svc", {
    method: "POST",
    body: HasCode.toSoap(),
    headers: { "Content-type": "text/xml; charset=utf-8", "SOAPAction": "http://tempuri.org/IService1/CargaFiltros" }
}).then(response => response.text())
.then(xml => {
        console.log(xml);
    }).catch (err => console.log(err));

Con esto obtenemos un string que tiene un formato XML

Ahora ¿Como leer ese XML?

Creo que no hay forma nativa de pasar un XML a un objeto, pero si es posible pasar un XML a un document y leero como se lee una página (usando getElementById, querySelector, etc). Esto usando DOMParser

let HasCode = new Code("3123123123");

fetch("http://201.168.154.186/WebServices/wsinfo/Service1.svc", {
    method: "POST",
    body: HasCode.toSoap(),
    headers: { "Content-type": "text/xml; charset=utf-8", "SOAPAction": "http://tempuri.org/IService1/CargaFiltros" }
}).then(response => response.text())
.then(xml => {
        let parser = new DOMParser();
        xmlDoc = parser.parseFromString(xml, "text/xml");
        console.info(xmlDoc.querySelector("NewDataSet"));
        console.info("=====================");
        console.info(xmlDoc.querySelectorAll("Error")[1].innerHTML);
    }).catch (err => console.log(err));

Comprobación:

introducir la descripción de la imagen aquí

6
  • Eres un crack hermano, excelente explicación y ejemplo. Funcionó con el hash correcto. Infinitas gracias el 14 nov. 2022 a las 2:55
  • 1
    @AlbertoSiurob De nada, por 300 pts te habría dado un riñón también. Suerte con el proyecto!!!
    – Yussef
    el 14 nov. 2022 a las 2:58
  • ¿cómo es eso que a 300 puntos un riñón? ¿Usted toma frecuentemente? Es para una amigo :v hahahaha éxitos bro :D
    – fredyfx
    el 14 nov. 2022 a las 3:13
  • 1
    jajajajaj te doy 600, es parte del scope de la pregunta. Gracias amigo! el 14 nov. 2022 a las 3:45
  • @fredyfx Dejé de la bebida cuando vendí el otro riñón, recomendaciones del doctor.
    – Yussef
    el 14 nov. 2022 a las 19:36

Tu Respuesta

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.