AngularJS - intégration du service SOAP avec le modèle AngularJS

deux ans de retard, mais j'ai construit un module angulaire spécifiquement pour travailler avec les services SOAP web qui est sur GitHub.

https://github.com/andrewmcgivery/angular-soap

Voici un blog sur la façon de l'utiliser: http://mcgivery.com/soap-web-services-angular-ionic/

Longue histoire courte, il permet de faire quelque chose comme ceci:

angular.module('myApp', ['angularSoap'])

.factory("testService", ['$soap',function($soap){
    var base_url = "http://www.cooldomain.com/SoapTest/webservicedemo.asmx";

    return {
        HelloWorld: function(){
            return $soap.post(base_url,"HelloWorld");
        }
    }
}])

.controller('MainCtrl', function($scope, testService) {

  testService.HelloWorld().then(function(response){
    $scope.response = response;
  });

})

je suppose que la meilleure façon serait de l'implémenter comme un $ interceptor http. Je l'ai fait dans notre projet et ça a bien fonctionné parce que les appels $http angulaires restent les mêmes.

Ceci est un lien vers le fournisseur que j'ai créé pour notre projet : http://jsfiddle.net/gqp9m/

J'ai fait du copier-coller de la bibliothèque soapclient et je l'ai transféré dans un fournisseur. J'ai aussi changé un peu de syntaxe pour que le code passe jsHint. La plupart de la fonction modifiée sont commentés avec des notes de documentation. Il nécessite également jQuery (pour le $.la fonction parseXML - vous pouvez la reformuler pour supprimer la dépendance dans jQuery).

la plus grande différence est que mon code ne charge pas la wsdl sur la première requête, mais a plutôt besoin que vous la mettiez en cache avant de faire n'importe quel appel, comme ceci:

myModule.service(['myModule.soap-interceptor', function(soap){
    $http.get('http://www.myveryfakedomain.com/CRMAPIWS74?wsdl', 
    { isJSON: true }).then(function(result){
        soap.setWSDL('http:/www.myveryfakedomain.com/CRMAPIWS74', result.data);
    });
}]);

savon est l'injection savon-intercepteur instance. Vous appelez le wsdl et ensuite appeler savon.setWSDL le passant l'url de base et le WSDL résolu. Notez également l' isJSON argument passé à l'appel $ http. C'est là parce que par défaut mon code traite chaque appel comme une demande SOAP. C'est ce que les intercepteurs de le faire. isJSON:true vous permettra d'utiliser $http que dieu a destiné ;)

Après l'appel de setWSDL il suffit d'appeler $http comme vous le faites toujours:

$http.get('http:/www.myveryfakedomain.com/CRMAPIWS74/action').then(function(result){
    // do something...
});

s'il vous plaît rappelez-vous que ce code a été écrit pour notre projet et il n'est pas un projet open source ou quelque chose. Il peut nécessiter un certain niveau d'entretien ou de remaniement avant que vous puissiez l'utiliser, mais c'est un bon début.

vous pouvez y parvenir sans bibliothèques SOAP wsdl. importez votre wsdl dans SOAP UI et copiez l'enveloppe. ci-dessous est l'exemple dans AngularJS comment gérer le service Web SOAP.

Service:

app.service('service', function($http) {
this.soapService = function(_anydata) {
    var _url = 'soap_service_endpoint_url';
    var soapRequest = '<soapenv:Envelope xmlns:soapenv="http://schemas.xmlsoap.org/soap/envelope/" xmlns:jn=""><soapenv:Header/><soapenv:Body><=== xxx ===></soapenv:Body></soapenv:Envelope>';
    var soapAction = '<=== soap action ===>';
    var headers = {
        'SOAPAction': soapAction,
        'Content-Type': 'text/xml; charset=utf-8'
    };
    return $http.post(_url, soapRequest, {
        "headers": headers
    });
}
});

appeler le service et gérer la sortie XML. vous pouvez capturer les attributs que vous souhaitez:

service.soapService(data).then(function success(response) {
var _dataArr = [];
$(response.data).find('Transaction').each(function() {
    _dataArr.push({
        name: $(this).find('<=== your attributes ===>').text()
    });
});
return _dataArr;
}, function error(response) {
console.log('<==== soap error: ' + response);
return response;
});