今天我给大家演示的是创建一个SilverLight客户端来调用我们上一节建立的WCF服务.
1. 打开已经创建好的wcf工程WcfService1， 点击"File/Add/New Project/”, 选择SilverLight Application, 如图所示:
2. 点击"Ok”后, vs2010询问我们是否把此Silverlight应用程序嵌入到Asp.net的网站中, 如图所示:
3. 本节我们将创建一个独立的SL应用程序, 因此去掉勾选框后, 选择"Ok".
4. 接下来我们设计SL的界面, 双击MainPage.xaml, 选择设计视图, 向其中添加一个TextBox, 一个Button和一个TextBlock, 分别命名为
_txtValue, _btnGetData, _txtResult, 并将TextBlock的TextWrapping属性设置为Wrap, 双击_btnGetData按钮为其添加单击事件.如图所示:
5. 在"解决方案视图"中, 单击Silverlight工程, 右击"引用", 选择"添加服务引用", 如图所示:
6. 点击"发现"按钮, vs2010自动把我们工程里已经创建好的WCF服务列了出来, 如图所示:
7. 将"命名空间"改为WcfService, 点击"Ok", 这时vs2010已经自动帮我们生成了调用wcf的代理类, 我们单击"解决方案视图"的工具栏的"显示所有文件"按钮, 就可以看到代理类文件Reference.cs, 如图所示:
8. 好了, wcf的服务引用我们已经完成, 现在就是如何使用wcf服务. 首先在MainPage.xaml.cs文件中添加如下代码:
using SLClient .WcfService ;
private void _btnGetData_Click (object sender , RoutedEventArgs e ) { int nValue = int .Parse (_txtValue .Text ); Service1Client sc = new Service1Client (); sc .GetDataCompleted +=new EventHandler <GetDataCompletedEventArgs >(sc_GetDataCompleted ); sc .GetDataAsync (nValue ); } private void sc_GetDataCompleted (object sender , GetDataCompletedEventArgs e ) { if (e .Error == null ) { _txtResult .Text = e .Result ; } else { _txtResult .Text = "error" ; } }
9. 上面代码实现的功能就是把textbox中输入的数字传给wcf服务, 并把调用服务后的结果赋值给textblock.
10. F7编译, F5运行后, 结果如下:
11. 这时如果我们在textBox中输入数字, 点击按钮后发现Silverlight应用程序崩溃了. 不要急, 我们一起来看看问题到底出在哪.
12. 首先, 在按钮的单击事件中放个断点 (F9), 重新运行程序, 输入数字后单击按钮. F10单步调试之后, 相信大家都看到问题了, 执行Service1Client
sc
= new
Service1Client
();这条语句导致程序崩溃. 原因是因为SL不支持wsHttpBinding类型的绑定. 解决方法:
1>在"解决方案视图"中右击wcf工程的web.config文件, 选择"编辑WCF设置", 如图所示:
如果您没有看到这个菜单项, 请退出"Asp.net开发服务", 如图所示:
2>单击"WcfService1.Service1”根下的"终结点", 把所有终结点的"绑定"类型设置为basicHttpBinding, "Dns"值置空, 保存后退出, 如图所示:
3>向wcf工程中添加一个新的xml文件, 并命名为crossdomain.xml, 复制下列代码到xml文件中:
xml version = "1.0 "?> DOCTYPE cross-domain-policy SYSTEM "http://www.macromedia.com/xml/dtds/cross-domain-policy.dtd "> < cross-domain-policy > < allow-http-request-headers-from domain = "* " headers = "* "/> cross-domain-policy >4>在"解决方案视图"中右击SLClient工程的"服务引用"WcfService, 选择更新服务器引用, 如图所示:
13. 再次F7编译, F5运行后, 结果如图:
