使用WCF建立起Silverlight客户端与服务端的桥梁

最近正在开发一个项目，需要应用到Silverlight以及数据库。在正式开工之前需要掌握将数据从服务端送到客户端的技术，我们采用建立WCF服务的方法。

“做中学”是最好的学习方法，真正实践之后学习者将会有更多的自信和把握，这种感觉将激励他更好的走下去，这也就是“Hello World”的意义之一。

本文讲述如何一步一步搭建，完成借助WCF建立起Silverlight客户端和服务端的信息传输通道。

这里的解决方案使用Visual Studio 10，.Net Framework 4.0, Silverlight 4.0

1.建立名为DataHighway的Silverlight Application

下图中，Project DataHighway是客户端，Project DataHighway.Web是服务端。

2、新建两个项目。

创建名为DataHighway.Client的Silverlight Class Library，它是配合用户端的。

创建名为DataHighway.Server的Class Library，它是配合服务端的。

为两个新建项目设置统一的命名空间

 

3、我们设计在客户端和服务端可以传输一个类，里面装着一个人的基本信息。

在DataHighway.Client增加一个类，名为Person，在DataHighway.Client中生成Person.cs文件。

这个类要由客户端和服务端共享，而服务端并不支持System.Windows类库，所以在Person.cs中删除其System.Windows系列的引用。创建Person 类如下

 1 using System;
 2 using System.Net;
 3
 4 namespace DataHighway.Classes
 5 {
 6     public class Person
 7     {
 8         public string Name { get; set; }
 9         public int Age;
10         public string School { get; set; }
11         public string Major { get; set; }
12     }
13 }

4、在DataHighway.Server项目中，添加Person.cs类的链接

右键DataHighway.Server项目，选择Add-> Existing Item，找到DataHighway.Client文件夹中的Person.cs文件，选择Add As Link

5、在服务端添加WCF服务

在DataHighway.Web项目中添加名为PersonService.svc的Silverlight-enabled WCF Service

如下图电脑开机信息各是什么？

6.在项目DataHighway.Web中添加到DataHighway.Server的引用（Add Reference）

如下图所示

7. 创建WCF函数，返回Person类Java的appendReplacement用法指南

在PersonService.svc.cs中修改代码

首先添加引用命名空间

using DataHighway.Classes;

然后修改PersonService.svc.cs代码如下：

 1 using System;
 2 using System.Linq;
 3 using System.Runtime.Serialization;
 4 using System.ServiceModel;
 5 using System.ServiceModel.Activation;
 6 using DataHighway.Classes;
 7
 8 namespace DataHighway.Web
 9 {
10     [ServiceContract(Namespace = "")]
11     [SilverlightFaultBehavior]
12     [AspNetCompatibilityRequirements(RequirementsMode = AspNetCompatibilityRequirementsMode.Allowed)]
13     public class PersonService
14     {
15         [OperationContract]
16         public Person GetPerson()
17         {
18             return new Person()
19             {
20                 Name = "Jun Tang",
21                 Age = 20,
22                 School = "University of Science and Technology of China",
23                 Major = "Computer Science"
24             };
25         }
26     }
27 }

8.在客户端添加WCF服务引用

将PersonService.svc设置为Start Page，按F5进入Debug模式，记下PersonService.svc的地址

http://localhost:25688/PersonService.svc

右键DataHighway工程，添加服务引用（Add Service Reference），将刚才保存的地址复制进去

单击Advanced，确认Reuse types in all referenced assemblies，如下图

9.设计UI界面

使之能够明了的现实Person的各个属性

10.在客户端使用WCF服务

在客户端中添加引用（Add Reference）

在 MainPage.xaml.cs中添加引用

using DataHighway.Classes;
using DataHighway.PersonServices;

然后在MainPage.xaml.cs修改代码

 1 using System;
 2 using System.Collections.Generic;
 3 using System.Linq;
 4 using System.Net;
 5 using System.Windows;
 6 using System.Windows.Controls;
 7 using System.Windows.Documents;
 8 using System.Windows.Input;
 9 using System.Windows.Media;
10 using System.Windows.Media.Animation;
11 using System.Windows.Shapes;
12 using DataHighway.Classes;
13 using DataHighway.PersonServices;
14
15 namespace DataHighway
16 {
17     public partial class MainPage : UserControl
18     {
19         public MainPage()
20         {
21             InitializeComponent();
22             ClientTest();
23         }
24         void ClientTest()
25         {
26             var client = new PersonServiceClient();
27             client.GetPersonCompleted += (sender, ea) =>
28                 {
29                     textBoxName.Text = ea.Result.Name;
30                     textBoxAge.Text = ea.Result.Age.ToString();
31                     textBoxSchool.Text = ea.Result.School;
32                     textBoxMajor.Text = ea.Result.Major;
33                 };
34             client.GetPersonAsync();
35         }
36        
37     }
38 }

 

11、将DataHighwayTestPage.html设置为Start Page，运行程序

上图中是在客户端显示，而Jun Tang同学的个人信息却是从服务端通过WCF服务传过来的。

目标圆满达成！