WebService的開發、部署、調用

時間  2019-11-09
標籤 webservice 開發 部署 調用 欄目 WebService 简体版
原文   原文鏈接

WebService的開發、部署、調用

分類： WEB其它技術 WEB技術（C#） 2011-11-01 00:53 3829人閱讀 評論(0) 收藏 舉報 javascript

webserviceasp.net測試服務器javascriptcallbackhtml

本文參考其它文章和本身解決中間問題的經歷記錄，以C#開發WebService爲例子，歡迎探討：java

1、C#開發WebServiceweb

  1. 在visual studio中新建ASP.NET Web服務應用程序，取名MyWebService。跨域

  2. 刪除自動生成的代碼，輸入如下代碼段，包括多個方法：數組

using System;
using System.Collections;
using System.ComponentModel;
using System.Data;
using System.Linq;
using System.Web;
using System.Web.Services;
using System.Web.Services.Protocols;
using System.Xml.Linq;瀏覽器

namespace WebServicetest
{
    /// <summary>
    /// Service1 的摘要說明
    /// </summary>
    [WebService(Namespace = "http://192.168.1.201")]    //爲本身之後webservice發佈虛擬目錄所在的域名
    [WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
    [ToolboxItem(false)]
    // 若要容許使用 ASP.NET AJAX 從腳本中調用此 Web 服務，請取消對下行的註釋。
    [System.Web.Script.Services.ScriptService]   //啓動對腳本的支持
    public class Service1 : System.Web.Services.WebService
    {安全

        [WebMethod(Description = "默認的方法")]
        public string HelloWorld()
        {
            return "Hello World";
        }
        [WebMethod(Description = "求和的方法")]
        public double addition(double i, double j)
        {
            return i + j;
        }
        [WebMethod(Description = "求差的方法")]
        public double subtract(double i, double j)
        {
            return i - j;
        }
        [WebMethod(Description = "求積的方法")]
        public double multiplication(double i, double j)
        {
            return i * j;
        }
        [WebMethod(Description = "參數返回中文方法")]
        public string myhello(string name, string department)
        {
            return "您的姓名：" + name + "<br>" + "您的單位：" + department + "<br>";
        }服務器

    }
}
asp.net

 

初步生成後，能夠CTRL+F5啓動自帶的調試器測試WebService，查看定義的調用方法，以下圖所示：

點擊具體的方法，能夠測試。

調用測試結果以下：

 

2、WebService部署

  1. 調試經過後發佈WebService。

  1. 將發佈後的文件目錄拷貝的Web服務器（安裝有IIS的機器），建立虛擬目錄，和發佈網站同樣，指向該目錄。以下圖：

遠程地址：http://192.168.1.201/myservice/service1.asmx（該服務器的IP地址爲：192.168.1.201）爲了測試可行性，在客戶端輸入這個網址進行測試，看可否訪問調用。以下圖：

咱們會發現，從遠程客戶端訪問服務器上的WebService可以顯示，但點擊調用相關的方法時顯示「只能用於來自本地計算機的請求」，這時提醒咱們還須要在服務器進行相關的配置才能讓其餘機器正常訪問該WebService。具體配置方法以下：

修改webconfig文件，在system.web節點下面加入下面代碼？：

<webServices >
<protocols >
<add name="HttpSoap"/>
<add name="HttpPost"/>
<add name="HttpGet"/>
<add name="Documentation"/>
</protocols>
</webServices>

便可實現遠程訪問webservice。最終效果如圖：

3、WebService的調用

 

1.在asp.net中調用(轉自http://www.cnblogs.com/xuetuyuan/archive/2011/02/22/1961322.html)

(1)新建ASP.NET Web應用程序，在Default.aspx頁面中添加控件以下：

(2)添加Web引用，Web引用名：WebReference。以下圖：

 

(3)添加相關調用代碼以下：

public partial class _Default : System.Web.UI.Page

    {

        protected void Page_Load(object sender, EventArgs e)

        {

            WebReference.WebServiceDemo s = new WebReference.WebServiceDemo();

            //調用WebService的HelloWorld方法,返回"HelloWorld",並輸出.

            Response.Write(s.HelloWorld());

        }

        protected void btnConvert_Click(object sender, EventArgs e)

        {

            WebReference.WebServiceDemo s = new WebReference.WebServiceDemo();

            //調用WebService的ConvertTemperature方法,實現溫度轉換.

            labResult.Text = "轉換後的溫度是：" + s.ConvertTemperature(double.Parse(txtResult.Text));

        }

}

 

(4)測試結果以下：

 

2.js調用webservice+xmlhttp的實現部分(轉自http://www.zahui.com/html/4/37953.htm)

<html>
 <title>Call webservice with javascript and xmlhttp.</title>
<body>
 <mce:script language="javascript"><!--
 

 //test function with get method.
 function RequestByGet(data){
  var xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
  //Webservice location.
  var URL="http://localhost:1323/WebSite6/Service.asmx/SayHelloTo?Name=Zach";
  xmlhttp.Open("GET",URL, false);
  xmlhttp.SetRequestHeader ("Content-Type","text/xml; charset=utf-8");
  xmlhttp.SetRequestHeader ("SOAPAction","http://tempuri.org/SayHelloTo");
  xmlhttp.Send(data);
  var result = xmlhttp.status;
  //OK
  if(result==200) {
   document.write(xmlhttp.responseText);
  }
  xmlhttp = null;
 }

 //test function with post method
 function RequestByPost(value)
 {
  var data;
  data = '<?xml version="1.0" encoding="utf-8"?>';
  data = data + '<soap:Envelope xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns:soap="http://schemas.xmlsoap.org/soap/envelope/">';
  data = data + '<soap:Body>';
  data = data + '<SayHelloTo xmlns="http://tempuri.org/">';
  data = data + '<Name>'+value+'</Name>';
  data = data + '</SayHelloTo>';
  data = data + '</soap:Body>';
  data = data + '</soap:Envelope>';

  var xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
  var URL="http://localhost:1323/WebSite6/Service.asmx";
  xmlhttp.Open("POST",URL, false);
  xmlhttp.SetRequestHeader ("Content-Type","text/xml; charset=gb2312");
  xmlhttp.SetRequestHeader ("SOAPAction","http://tempuri.org/SayHelloTo");
  xmlhttp.Send(data);
  document.write( xmlhttp.responseText);
 }

 
// --></mce:script>

 <input type="button" value="CallWebserviceByGet" onClick="RequestByGet(null)">
 <input type="button" value="CallWebserviceByPost" onClick="RequestByPost('Zach')">
</body>
</html>

其中webservice的地址能夠換成已經發布好的遠程服務器地址便可，該代碼未經測試，正確性不予保證。

 

3.經過js簡單調用webservice（通過測試，可以運行，但IE9不兼容）

(1)客戶端代碼以下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>WebServiceTest</title>
<script language="javascript">
var intCallID;
function init()
{


//第一個參數是webservice的url，後面是名稱

 hello.useService("http://192.168.1.201/myservice/service1.asmx?WSDL","MyName");  
}

function calltest()
{
 //若是該webservice有參數的話，在括號後加逗號分隔。
 intCallID=hello.MyName.callService("myhello",document.getElementsByName("name")[0].value,document.getElementsByName("department")[0].value); //no param
 }

function callback_result()
{
 if ((event.result.error)&&(intCallID==event.result.id))
    {
     var xfaultcode = event.result.errorDetail.code;
     var xfaultstring = event.result.errorDetail.string;
      var xfaultsoap = event.result.errorDetail.raw;

       // Add code to output error information here
       alert(xfaultstring);
    }
    else
    {
       hello.innerHTML+= "測試調用結果爲：<br>"+ event.result.value;
    }
 
}
</script>
</head>

<body onload="init();">
<p>&nbsp;</p>
<label>姓名：
  <input type="text" name="name" id="name" />
  <br />
  單位：
  <input type="text" name="department" id="department" />
  <br />
</label>
<div id="hello"  style="behavior:url(webservice.htc)" onresult="callback_result();" ></div>
<input name="button" type="button" onClick="calltest();" value="調用測試" />
</body>
</html>

調用測試界面如圖：

填入參數，點擊按鈕，頁面DIV刷新變化爲：

 

經過javascript和webservice.htc附加到HTML元素（例如DIV）調用法有如下幾個注意問題：

a.因爲js不能跨域調用，而致使調用頁面和webservice所在網站不在同一服務器會致使問題，解決方法查找相關資料以下：

出於安全考慮禁止跨域調用其餘頁面的對象，所以也致使了js使用跨域的web service成爲問題。解決方法：
1.設置document.domain
前提條件：兩個頁面同屬於一個基礎域（例如都是xxx.com，或是xxx.com.cn）；同一協議（例如都是http）；同一端口（例如都是80）。
方法：設置兩個頁面的document.domain都設置爲本身所在的基礎域名。
例子：aaa.xxx.com裏面的一個頁面須要調用bbb.xxx.com裏的一個對象，則將兩個頁面的document.domain都設置爲xxx.com，就能夠了。

2.在服務器端設置代理
跨域的請求一樣發送到本地服務器端，由服務器端的代理來請求相應的數據，而後發送給瀏覽器端。這樣實際上瀏覽器端的全部請求都是發到相同的域，在服務器端代理的幫助下，實現了跨域的能力。
3.使用 標籤
當同時具備兩個域的開發權限時就可使用該方法了，原理是JS文件注入，在本域內的a內生成一個JS標籤，SRC指向請求的另一個域的某個頁面b，b返回數據便可，能夠直接返回JS的代碼。

b.利用JS調用webservice須要用到微軟的webservice.htc文件，能夠在微軟官方網站下載到，放到和調用頁面同路徑便可。例如：<div id="hello"  style="behavior:url(webservice.htc)" onresult="callback_result();" ></div>

 

 

其它諸如返回多值、例如數組等，兼容性問題（經測試IE9不兼容js調用方法），更高級應用方法還有待進一步應用，此文章僅興趣測試而寫，不周之處，口下留情！固然也歡迎網友多多指導，告以其中謬誤和原理！

相關文章
相關標籤/搜索
每日一句
    每一个你不满意的现在，都有一个你没有努力的曾经。
本站公眾號
   歡迎關注本站公眾號,獲取更多信息
聯繫我們 最近搜索 最新文章 沪ICP备13005482号-10 MyBatis教程 SQL 教程 MySQL教程 Java 教程 Thymeleaf 教程 Hibernate教程 Spring教程 Redis教程