本系列服务端双工通信包括两种实现方式：一、使用Socket构建；二、使用WCF构建。本文为使用WCF构建服务端的双工通信，客户端同样使用Html5的WebSocket技术进行调用。

一、创建WCF服务库Wcf.Duplex.Library：

1.定义协议的服务接口：

 [ServiceContract]

 public interface IWebSocketEchoCallback

 {

 [OperationContract(IsOneWay = true, Action = "*")]

 void Send(Message message);

 }

 [ServiceContract(CallbackContract = typeof(IWebSocketEchoCallback))]

 public interface IWebSocketEcho

 {

 [OperationContract(IsOneWay = true, Action = "*")]

 void Receive(Message message);

 }

注意：

OperationContract中的Action，一定要设置。

IWebSocketEcho接口中：只能定义一个OperationContract(IsOneWay = true, Action = "*")方法入口，否则使用WebSocket连接时会报错

IWebSocketEchoCallback 回调接口中：可以定义多个OperationContract(IsOneWay = true, Action = "*")方法

2.实现服务协议，并定义一个时钟，定时调用回调方法，发送信息给客户端：

 public class EchoService : IWebSocketEcho

 {

 IWebSocketEchoCallback _callback = null;

 public EchoService()

 {

 //获取回调信道

 _callback =

 OperationContext.Current.GetCallbackChannel<IWebSocketEchoCallback>();

 Timer time = new Timer();

 time.Elapsed += time_Elapsed;

 time.Start();

 }

 void time_Elapsed(object sender, ElapsedEventArgs e)

 {

 _callback.Send(CreateMessage("Message From WebSockets Host" + " " + DateTime.Now.ToString("yyyy-MM-dd HH:mm:ss")));

 }

 public void Receive(Message message)

 {

 if (message == null)

 {

 throw new ArgumentNullException("message");

 }

 WebSocketMessageProperty property =

 (WebSocketMessageProperty)message.Properties["WebSocketMessageProperty"];

 WebSocketContext context = property.WebSocketContext;

 var queryParameters = HttpUtility.ParseQueryString(context.RequestUri.Query);

 string content = string.Empty;

 if (!message.IsEmpty)

 {

 byte[] body = message.GetBody<byte[]>();

 content = Encoding.UTF8.GetString(body);

 }

 // Do something with the content/queryParams

 // ...

 string str = null;

 if (string.IsNullOrEmpty(content)) // Connection open message

 {

 str = "Opening connection from user " +

 queryParameters["Name"].ToString();

 }

 else // Message received from client

 {

 str = "Received message: " + content;

 }

 wcf.websocket.forweb.LogHelper.log.Error(str);

 _callback.Send(CreateMessage(str));

 }

 private Message CreateMessage(string content)

 {

 Message message = ByteStreamMessage.CreateMessage(

 new ArraySegment<byte>(

 Encoding.UTF8.GetBytes(content)));

 message.Properties["WebSocketMessageProperty"] =

 new WebSocketMessageProperty { MessageType = WebSocketMessageType.Text };

 return message;

 }

 }

二.新建WEB项目，在项目中引用第一步建立的WCF服务库Wcf.Duplex.Library。

1.打开Global.asax.cs的文件，在Application_Start增加以下代码：

RouteTable.Routes.Add(new ServiceRoute("EchoService",new ServiceHostFactory(),typeof(EchoService)));

说明：增加服务路由的时候，路由前缀可以随便设置；ServiceType，需要设置为WCF服务库的EchoService类。

2.配置WEB.Config:

<system.serviceModel>

<serviceHostingEnvironment aspNetCompatibilityEnabled="true" multipleSiteBindingsEnabled="true" />

<services>

<service name="Wcf.Duplex.Library.EchoService"><!--此处为服务类，需要修改为本项目的服务类-->

<endpoint address=""

binding="customBinding"

bindingConfiguration="webSocket"

contract="Wcf.Duplex.Library.IWebSocketEcho" /><!--此处为服务的协议接口，需要修改为本项目对应的服务接口-->

</service>

</services>

<bindings>

<customBinding>

<binding name="webSocket">

<byteStreamMessageEncoding/>

<httpTransport>

<webSocketSettings transportUsage="Always"

createNotificationOnConnection="true"/>

</httpTransport>

</binding>

</customBinding>

</bindings>

</system.serviceModel>

3.在当前项目中增加页面testWebSocket.html，使用WebSocket调用服务

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8" />

<title>WebSockets客户端示例</title>

</head>

<script>

var webSocket;

function connect() {

try {

var readyState = new Array("正在连接", "已建立连接", "正在关闭连接", "已关闭连接");

var host = 'ws://localhost:61413' +

window.location.pathname.replace('testWebSocket.html', 'EchoService') +

'?Name=liza';

webSocket = new WebSocket(host);

var message = document.getElementById("message");

message.innerHTML += "<p>Socket状态：" + readyState[webSocket.readyState] + "</p>";

webSocket.onopen = function () {

message.innerHTML += "<p>Socket状态：" + readyState[webSocket.readyState] + "</p>";

}

webSocket.onmessage = function (msg) {

message.innerHTML += "<p>接收信息：" + msg.data + "</p>";

}

webSocket.onclose = function () {

message.innerHTML += "<p>Socket状态：" + readyState[webSocket.readyState] + "</p>";

}

}

catch (exception) {

message.innerHTML += "<p>有错误发生</p>";

}

}

function send() {

var text = document.getElementById("text").value;

var message = document.getElementById("message");

if (text == "") {

message.innerHTML += "<p>请输入一些文字</p>";

return;

}

try {

webSocket.send(text);

message.innerHTML += "<p>发送数据：" + text + "</p>";

}

catch (exception) {

message.innerHTML += "<p>发送数据出错</p>";

}

document.getElementById("text").value = "";

}

function disconnect() {

webSocket.close();

}

</script>

<body>

<h1>WebSocket客户端示例</h1>

<div id="message"></div>

<p>请输入一些文字</p>

<input id="text" type="text">

<button id="connect" onclick="connect();">建立连接</button>

<button id="send" onclick="send();">发送数据</button>

<button id="disconnect" onclick="disconnect();">断开连接</button>

</body>

</html>

同系列其他文章：如何使用HTML5的WebSocket实现网页与服务器的双工通信(一)

如何使用HTML5的WebSocket实现网页与服务器的双工通信(二)的更多相关文章

  1. 如何使用HTML5的WebSocket实现网页与服务器的双工通信(一)

    本系列服务端双工通信包括两种实现方式:一.使用Socket构建:二.使用WCF构建.本文为使用Socket构建服务端的双工通信,客户端同样使用Html5的WebSocket技术进行调用. 一.网页客户 ...

  2. Java和WebSocket开发网页聊天室

    小编心语:咳咳咳,今天又是聊天室,到现在为止小编已经分享了不下两个了,这一次跟之前的又不大相同,这一次是网页聊天室,具体怎么着,还请各位看官往下看~ Java和WebSocket开发网页聊天室 一.项 ...

  3. html5利用websocket完成的推送功能（tomcat）

    html5利用websocket完成的推送功能(tomcat) 利用websocket和java完成的消息推送功能,服务器用的是tomcat7.0.42,一些东西是自己琢磨的,也不知道恰不恰当,不恰当 ...

  4. Springboot整合WebSocket实现网页版聊天，快来围观！

  5. 15款免费的 HTML5/CSS3 响应式网页模板

    如果你想快速制作出一个优秀的网站,网站模板一定是必不可少的.网页设计师和开发人员也可以从网站模板入手,学习先进的布局方式和编码风格.下面这个列表为大家挑选了15款免费的 HTML5/CSS3 响应式网 ...

  6. 【HTML5+MVC4】xhEditor网页编辑器图片上传

    准备工作: 创建一个MVC项目中,添加好xhEditor插件 相关用法:http://www.cnblogs.com/xcsn/p/4701497.html 注意事项:xhEditor分为v1.1.1 ...

  7. 认识HTML5的WebSocket

    在HTML5规范中,我最喜欢的Web技术就是正迅速变得流行的WebSocket API.WebSocket提供了一个受欢迎的技术,以替代我们过去几年一直在用的Ajax技术.这个新的API提供了一个方法 ...

  8. HTML5之WebSocket

    在HTML5规范中,我最喜欢的Web技术就是正迅速变得流行的WebSocket API.WebSocket提供了一个受欢迎的技术,以替代我们过去几年一直在用的Ajax技术.这个新的API提供了一个方法 ...

  9. 基于html5实现的愤怒的小鸟网页游戏

    之前给大家分享一款基于html5 canvas和js实现的水果忍者网页版,今天给大家分享一款基于html5实现的愤怒的小鸟网页游戏.这款游戏适用浏览器:360.FireFox.Chrome.Safar ...

随机推荐

  1. java中全角半角字符的相互转换的代码

    如下内容是关于java中全角半角字符的相互转换的内容.package com.whatycms.common.util; import org.apache.commons.lang.StringUt ...

  2. java.lang.ClassNotFoundException: org.apache.log4j.Logger 异常

    Caused by: org.springframework.beans.factory.BeanCreationException: Error creating bean with name 'd ...

  3. 2 Class类

     在程序运行期间,Java运行时系统始终为所有的对象维护一个被称为运行时地类型标识.这个信息跟踪着每个对象所属地类.虚拟机 利用运行时类型信息选择相应地方法执行. 然而,可以通过专门地Java类访问这 ...

  4. 2>&1 什么意思

    1.  0 表示stdin标准输入 2.  1 表示stdout标准输出 3.   2表示stderr标准错误 意思是:把标准错误重定向到标准输出?

  5. SQL Server 创建索引方法

    转自 <SQL Server 创建索引的 5 种方法> 地址:https://www.cnblogs.com/JiangLe/p/4007091.html 前期准备: create tab ...

  6. mac版mysql配置

    开始下载 我选择的是最后一个dmg格式的安装包,点击download,会出现让我们注册登陆的界面,点击最下面的No thanks,just take me to downloads!直接进行下载即可: ...

  7. WinForm界面设计优化过程

    以在做的项目为例,记录一下界面美化过程中遇到的问题,由于项目是先做出来之后,又请美工进行稍微调整设计界面,所以会又些限制 1. TabControl的问题----在添加了背景图片后,TabContro ...

  8. windows服务器安全管理工具——IISCrypto

    官方网站地址:https://www.nartac.com/Products/IISCrypto/ 下载地址:https://www.nartac.com/Products/IISCrypto/Dow ...

  9. Python OS模块常用

    python 读写.创建 文件 第二个:目录操作-增删改查 第三个:判断 第四个:PATH 第四个:os.mknod 创建文件(不是目录) import os os.chdir("/&quo ...

  10. python,pip环境变量设置

    安装好python后,配置环境变量. 安装pygame需要先配置两个环境变量. 第一个是python的.先打开计算机,然后点击‘系统属性’然后点击‘高级系统设置’然后点击‘环境变量’在系统变量中找到p ...