WPF，Silverlight与XAML读书笔记第四十八 - Silverlight网络与通讯

说明：本系列基本上是《WPF揭秘》的读书笔记。在结构安排与文章内容上参照《WPF揭秘》的编排，对内容进行了总结并加入一些个人理解。

这一部分我们重点讨论下Silverlight的网络与通讯功能。2.0版起，Silverlight支持多种模式的网络访问，从最原始的Silverlight控件支持的JavaScript方法，到Silverlight Framework内置的通过C#操作的各种类，几乎可以实现任意你想实现的功能。下面我们逐一讨论这些方法：

1. 通过Silverlight控件的JavaScript支持

   这种方式的最终目的无非是把通过JavaScript获取的网络数据赋给Silverlight中的元素，代码大致如下所示：

    var valFromNet;
    var SL = document.getElementById("silverlightPlugIn");
    SL.content.findName("txt").Text = valFromNet;

    而JavaScript获取数据的方法又分如下两种：

1. 编写使用xmlHttpRequest组件的JavaScript以Ajax方式异步获取数据

   我们通过如下代码段看一下这种方式的实现：

    function getAsyncResult() {
        xmlHttp = new XMLHttpRequest();
        xmlHttp.open("GET", "http://localhost:36360/ServerTime.ashx", true);
        xmlHttp.onreadystatechange = handleAJAXCallback;
        xmlHttp.send(null);
    }
   
    function handleAJAXCallback() {
        if ((xmlHttp.readyState == 4) && (xmlHttp.status == 200)) {
            var SL = document.getElementById("silverlightPlugIn");
            SL.content.findName("txt").Text = xmlHttp.responseText;
        }
    }

   可见，在回调函数中将异步获取的结果设置给Silverlight的元素。这个例子中我们访问的是一个ASP.NET编写的HttpHandler，可以将其换成其它任何可得到数据的Url。值得一提的在回调函数中队XmlHttpRequest的状态进行了检测，4即表示请求完成。

1. 在Silverlight项目中添加ASP.NET Web服务的引用，并访问

   在Silverlight中添加了对包含标记了[System.Web.Script.Services.ScriptService]属性的服务（方法也需要被标记为[WebMethod]）的引用后，并页面中使用ScriptManager控件引用服务时，会自动生成JavaScript代理，这正是我们需要的东西，我们通过它来访问服务。完成上面的操作后我们就可以使用如下的JavaScript代码访问Web Service来获取我们想要的数据。

   注意在生成的JavaScript代理中我们使用WebServiceName.WebMethod这样的对象名来访问服务。

    function onLoad()
    {
        Service.getTime(onSuccess, onFailed,"");
    }
   
    function onSuccess(result)
    {
        var sl = document.getElementById("silverlightPlugIn");
        sl.content.findName("txtShort").Text = result.strShortTime;
        sl.content.findName("txtLong").Text = result.strLongTime;
    }
   
    function onFailed(result)
    {
        alert(result);
    }

   此处得到的result这个对象 ，已经被序列化为JSON格式。

1. Silverlight Framework中的WebClinet与WebRequest方法

   首先我们来了解下WebClient的功能，在使用.NET进行Silverlight编程时，WebClient提供了最简单易用的网络访问功能，这个类的两个方法DownloadStringAsync与OpenReadAsync分别用来获取字符串及获取其它类型的数据，这些方法也是异步方法对应的回调函数分别为DownloadStringCompleted和OpenReadCompleted。下面的代码使用DownloadStringAsync演示了WebClient的使用：

    public Page()
    {
        InitializeComponent();
        WebClient cl = new WebClient();
        Uri uri = new Uri("http://localhost:36360/Web/Time.ashx");
   
    cl.DownloadStringCompleted += new DownloadStringCompletedEventHandler(cl_DownloadStringCompleted);
        cl.DownloadStringAsync(uri);
    }
   
    void cl_DownloadStringCompleted(object sender, DownloadStringCompletedEventArgs e)
    {
        txtTime.Text = e.Result;
    }

   注意，使用WebClient需要添加对System.Net命名空间的引用。WebClient中其它常用属性还包括IsBusy，当数据在传输过程中此值返回true。WebClient中CancelAync方法用来取消正在进行的异步传输，并且此时DownloadStringCompleted/OpenReadCompleted事件参数的Cancelled属性会被置为true。
   接下来要介绍的是WebRequest类，这个类用来实现标准HTTP请求，主要包括一些通过POST来访问的地址。这个类的使用与.NET Framework中的HttpWebRequest很相似，下面给出一段核心代码作为示例：

    private void b_Click(object sender, RoutedEventArgs e)
    {
        Uri uri = new Uri("http://localhost:22602/WebRequestTest_Web/SubmitForm.ashx");
        WebRequest rq = WebRequest.Create(uri);
        rq.Method = "POST";
        rq.ContentType = "application/x-www-form-urlencoded";
        rq.BeginGetRequestStream(new AsyncCallback(RequestReady), rq);
        rq.BeginGetResponse(new AsyncCallback(ResponseReady), rq);
    }
    void RequestReady(IAsyncResult aR)
    {
        WebRequest rq = aR.AsyncState as WebRequest;
        Stream rqStream = rq.EndGetRequestStream(aR);
        StreamWriter w = new StreamWriter(rqStream);
        w.Write("t1=" + t1.Text + "&");
        w.Write("t2=" + t2.Text + "&");
        w.Write("t3=" + t3.Text );
        w.Flush();
    }

   上面代码中在获取请求数据与获取响应数据时都是发起的异步请求，在获取响应数据完成时需要下面的回调函数处理完成事件：

    void ResponseReady(IAsyncResult aR)
    {
        WebRequest rq = aR.AsyncState as WebRequest;
        using(WebResponse rs = rq.EndGetResponse(aR))
        using (Stream rpStream = rs.GetResponseStream())
        {
            StreamReader rdr = new StreamReader(rpStream);
            string postStatus = rdr.ReadToEnd();
        }
    }

1. 在Silverlight中使用WCF

   Silverlight Framework中System.ServiceModel中的类提供了Silverlight对WCF的支持。下面的小例子给出了演示，我们通过在Visual Studio中添加WCF的引用来生成一个代理，这大大减少了编码的复杂度。我们逐段代码分析这个例子：
   首先是一个DataContract，这是服务器端与客户端传输数据类型的一个契约：

    [DataContract]
    public class Person
    {
        public Person(string strName, string strAge)
        {
            Name = strName;
            Age = strAge;
        }
        [DataMember]
        public string Name { get; set; }
        [DataMember]
        public string Age { get; set; }
    }

   然后是服务代码，这其中包括服务契约与服务实现：

    [ServiceContract]
    public interface IPersonService
    {
        [OperationContract]
        Person[] getPeople();
    }
   
    public class PersonService : IPersonService
    {
        public Person[] getPeople()
        {
            Person[] people =
            {
                new Person("Derek Snyder",""),
                new Person("Yoshi Latimer",""),
                new Person("Mark Steel","")
            };
            return people;
        }
    }

   对于这个简单的示例我们使用basicHttpBinding，服务的config中ServiceModel这部分参考如下代码：

    <system.serviceModel>
        <behaviors>
            <serviceBehaviors>
                <behavior name="PersonServiceBehavior">
                    <serviceMetadata httpGetEnabled="true"/>
                    <serviceDebug includeExceptionDetailInFaults="false"/>
                </behavior>
            </serviceBehaviors>
        </behaviors>
        <services>
            <service behaviorConfiguration="PersonServiceBehavior" name="PersonService">
                <endpoint address="" binding="basicHttpBinding" contract="IPersonService">
                    <identity>
                        <dns value="localhost"/>
                    </identity>
                </endpoint>
                <endpoint address="mex" binding="mexHttpBinding" contract="IMetadataExchange"/>
            </service>
        </services>
    </system.serviceModel>

   以上就是服务部分重要的代码，在添加了WCF服务引用后我们就可以使用如下的代码在WCF中访问服务：

    public Page()
    {
        InitializeComponent();
        Binding binding = new BasicHttpBinding();
        EndpointAddress endPoint = new EndpointAddress("http://localhost:36360/WCFService/PersonService.svc");
        PSProxy.PersonServiceClient client = new PSProxy.PersonServiceClient(binding, endPoint);
        client.getPeopleCompleted += new EventHandler<PersonService.PSProxy.getPeopleCompletedEventArgs>(client_getPeopleCompleted);
        client.getPeopleAsync();
    }

   回调函数中我们把得到的对象绑定到ItemsControl的数据模板中：
   ItemControl的XAML：

    <ItemsControl x:Name="_item">
        <ItemsControl.ItemTemplate>
            <DataTemplate>
                <StackPanel Orientation="Vertical">
                    <StackPanel Orientation="Horizontal">
                        <TextBlock FontWeight="Bold" Text="{Binding Name}" />
                        <TextBlock Text=" : "></TextBlock>
                        <TextBlock FontWeight="Bold" Text="{Binding Age}" />
                    </StackPanel>
                </StackPanel>
            </DataTemplate>
        </ItemsControl.ItemTemplate>
    </ItemsControl>

   回调函数：

    void client_getPeopleCompleted(object sender, PersonService.PSProxy.getPeopleCompletedEventArgs e)
    {
        _item.ItemsSource = e.Result;
    }

   客户端的配置在添加引用时自动生成不再赘述。

以上这些就是Silverlight中访问网络的主要方式。

本文完