WCF学习之旅—实现支持REST客户端应用（二十四）

WCF学习之旅—实现REST服务（二十二）

WCF学习之旅—实现支持REST服务端应用（二十三）

在上二篇文章中简单介绍了一下RestFul与WCF支持RestFul所提供的方法，及创建一个支持REST的WCF服务端程序，本文介绍如何调用上一篇文章介绍的RestFul服务端。

五、Windows客户端调用

为了强调REST的通用性，客户端不用WCF的形式调用服务，而是采用HttpWebResponse通过编程方式直接访问，消息格式我们选XML。

首先，我们使用C#来封装一个RestHelper类，实现HTTP的GET和POST的请求方法，代码如下。

using System;
using System.Collections.Generic;
using System.IO;
using System.Linq;
using System.Net;
using System.Text;
using System.Threading.Tasks;
using System.Web;namespace WinClient
{public class RestHelper{      /// <summary>/// 构造函数/// </summary>/// <param name="baseUrl"></param>public RestHelper(string baseUri){this.BaseUri = baseUri;} /// <summary>/// 基地址/// </summary>private string BaseUri; /// <summary>/// Post调用/// </summary>/// <param name="data"></param>/// <param name="uri"></param>/// <returns></returns>public string Post(string data, string uri){//Web访问对象string serviceUrl = string.Format("{0}/{1}", this.BaseUri, uri);HttpWebRequest myRequest = (HttpWebRequest)WebRequest.Create(serviceUrl);//转成网络流byte[] buf = UnicodeEncoding.UTF8.GetBytes(data); //设置myRequest.Method = "POST";myRequest.ContentLength = buf.Length;myRequest.ContentType = "text/html";// 发送请求Stream newStream = myRequest.GetRequestStream();newStream.Write(buf, 0, buf.Length);newStream.Close(); // 获得接口返回值HttpWebResponse myResponse = (HttpWebResponse)myRequest.GetResponse();StreamReader reader = new StreamReader(myResponse.GetResponseStream(), Encoding.UTF8);string ReturnXml = HttpUtility.HtmlDecode(reader.ReadToEnd());reader.Close();myResponse.Close();return ReturnXml;}/// <summary>/// Get调用/// </summary>/// <param name="uri"></param>/// <returns></returns>public string Get(string uri){//Web访问对象string serviceUrl = string.Format("{0}/{1}", this.BaseUri, uri);HttpWebRequest myRequest = (HttpWebRequest)WebRequest.Create(serviceUrl);// 获得接口返回值HttpWebResponse myResponse = (HttpWebResponse)myRequest.GetResponse();StreamReader reader = new StreamReader(myResponse.GetResponseStream(), Encoding.UTF8);string ReturnXml = HttpUtility.UrlDecode(reader.ReadToEnd());reader.Close();myResponse.Close();return ReturnXml;}}}

其次，我们来实现主函数，按顺序调用两个接口，并显示返回值。需要注意XML约定的命名空间。

我们在visual studio 2015中创建一个Windows窗体，名称为Form1，在Form1中放两个按钮，一个是“Rest Get”，另一个是"Rest Post"。

1）在“Rest Get”按钮中实现Get方法，代码如下：

 private void buttonRest_Click(object sender, EventArgs e){RestHelper client = new RestHelper("http://127.0.0.1:8888/");//Getstring uriGet = string.Format("Books/Get/{0}", "2");string getData = client.Get(uriGet);textBoxMsg.Text = getData;}

2) 在visual studio 2015中启动客户端应用程序，然后使用鼠标点击“Rest Get”按钮，结果如下图。

3）在“Rest Post”按钮中实现Post方法，代码如下：

  private void buttonRestPost_Click(object sender, EventArgs e){RestHelper client = new RestHelper("http://127.0.0.1:8888/");//Poststring uriPost = "Books/Add";string data = "<Books xmlns=\"http://tempuri.org/\"><AuthorID>1</AuthorID><Category>MS</Category><Name>数学之美(第二版) </Name><Numberofcopies>12</Numberofcopies><Price>37.99</Price><PublishDate>2009-01-11T00:00:00</PublishDate><Rating>A</Rating></Books>";string postResult = client.Post(data, uriPost);textBoxMsg.Text = "\r\n\r\n\r\n" + postResult;}

4) 在visual studio 2015中启动客户端应用程序，然后使用鼠标点击“Rest Post”按钮，结果如下图。

六、通过浏览器来访问WCF服务

通过浏览器来访问WCF服务，主要是用jquery实现GET和POST访问，采用jquery访问REST服务，消息格式选择Xml。

1) 我们在项目目录下面创建一个testRest.html文件，文件中的内容如下：

<html><head><script src="../../Scripts/jquery-2.2.3.min.js" type="text/javascript"></script><script type="text/javascript">  function AjaxGet() {$.ajax({type: "GET",contentType: "text/xml",url: "http://127.0.0.1:8888/Books/Get/5",                  success: function (data) {alert(data);$("#TextGet").val(data);},complete:function(XMLHttpRequest,textStatus){alert(XMLHttpRequest.responseText);alert(textStatus);            },error: function (data) {alert(data);}});}function HttpPost() {var str = "<Books xmlns=\"http://tempuri.org/\"><AuthorID>1</AuthorID><Category>MS</Category>
<Name>math book ver 1 </Name><Numberofcopies>12</Numberofcopies><Price>47.99</Price><PublishDate>2012-01-11T00:00:00</PublishDate>
<Rating>A</Rating></Books>";$.ajax({type: "POST",contentType: "text/xml",
// datatype:"xml",
                     url: "http://127.0.0.1:8888/Books/Add",data: str,success: function (data) {alert(data);$("#TextPost").val(data);},complete:function(XMLHttpRequest,textStatus){alert(XMLHttpRequest.responseText);alert(textStatus);           },error: function (data) {alert(data);}});}</script><style type="text/css">#TextGet{width: 700px;}#TextPost{width: 700px;}</style></head><body><input id="ButtonGet" type="button" value="GET" onclick="AjaxGet()" /><input id="TextGet" type="text" /><p/>    <input id="ButtonPost" type="button" value="POST" onclick="HttpPost()" /><input id="TextPost" type="text" /></body></html>