node vue soap webservice 示例

以下是一个基于 Node.js 和 Vue.js 的 SOAP WebService 示例：

首先，在 Node.js 中使用 `soap` 模块来创建一个 SOAP WebService：

const express = require('express');
const soap = require('soap');

// 创建一个 express 应用程序
const app = express();

// 定义一个简单的 SOAP WebService
const service = {
  MyService: {
    MyServiceSoap: {
      MyMethod: function(args) {
        return {
          result: "Hello " + args.name
        };
      }
    }
  }
};

// 将 WebService 注册到 express 应用程序中
const wsdlPath = '/myservice?wsdl';
app.listen(8000, function() {
  soap.listen(app, wsdlPath, service, function() {
    console.log(`Server started at http://localhost:8000${wsdlPath}`);
  });
});

上述代码中，我们使用 `soap` 模块创建了一个简单的 SOAP WebService，该 WebService 包含一个名为 `MyMethod` 的方法，该方法接收一个参数 `name`，并返回一个结果对象，其中包含一个 `result` 属性，其值为 `Hello ${name}`。

然后，在 Vue.js 中使用 `axios` 模块来调用该 SOAP WebService：

<template>
  <div>
    <input v-model="name" />
    <button @click="callWebService">Call WebService</button>
    <p v-if="result">{{ result }}</p>
  </div>
</template>

<script>
import axios from 'axios';
import parseString from 'xml2js';

export default {
  data() {
    return {
      name: '',
      result: ''
    };
  },
  methods: {
    callWebService() {
      const soapMessage =
        `<soapenv:Envelope xmlns:soapenv="http://schemas.xmlsoap.org/soap/envelope/" xmlns:ser="http://example.com/">
           <soapenv:Header/>
           <soapenv:Body>
             <ser:MyMethod>
               <ser:name>${this.name}</ser:name>
             </ser:MyMethod>
           </soapenv:Body>
         </soapenv:Envelope>`;
      const headers = {
        'Content-Type': 'text/xml;charset=UTF-8',
        'SOAPAction': 'MyMethod'
      };
      axios.post('http://localhost:8000/myservice', soapMessage, { headers: headers })
        .then(response => {
          parseString(response.data, (err, result) => {
            if (err) {
              console.error(err);
              return;
            }
            this.result = result['soap:Envelope']['soap:Body'][0].MyMethodResponse[0].result[0];
          });
        })
        .catch(error => {
          console.error(error);
        });
    }
  }
}
</script>

上述代码中，我们使用 `axios` 模块向刚才创建的 SOAP WebService 发送了一个名为 `MyMethod` 的方法调用请求，该请求包含一个 `name` 参数。接着，我们使用 `xml2js` 模块将服务端返回的 XML 格式的响应消息解析为 JavaScript 对象，并从中提取出服务端返回的结果值，以在页面上显示出来。

以上就是一个基于 Node.js 和 Vue.js 的 SOAP WebService 示例。