ASp.Net Websocket 环境支持和前端代码实现（二）

来源：互联网发布：红叶知弦动漫奴役编辑：程序博客网时间：2024/06/05 01:14

写文不容易，请尊重原创：转载注明 http://blog.csdn.net/meng6098

Websocket的环境支持：

1.支持html5的浏览器经测试ie10和google可以用

2.Net服务器环境，.Net 4.5，IIS 8，win8，windows server2013，及以上版本。（这点很重要，我买了一个虚拟空间是iis7.5的，结果这个简陋聊天室放上去无法链接。）

Websocket程序知识点：

Websocket的客户端代码知识点：

<script type="text/javascript"><!--申请一个Websocket对象，地址为服务器一般处理程序地址，同http协议http://开头一样，WebSocket协议的URL使用ws://开头，另外安全的WebSocket协议使用wss://开头-->var socket= new WebSocket(“ws://aiwantopws.com/WebSocketHandler.ashx”);<!--WebSocket发送消息方法-->socket.send(“Hello!”);<!--WebSocket关系方法-->socket.close();<!--监听事件-->Socket.addEventListener("close", function (evt) { }, false);//监听关闭事件Socket.addEventListener("open", function (evt) { }, false);//监听创建对象事件Socket.addEventListener("message", function (evt) { }, false);//监听消息事件Socket.addEventListener("error", function (evt) { }, false);//监听错误事件</script>

简陋聊天室简单的代码实现：

1. Index页输入用户名，跳转操作页面default页

<script type="text/javascript"> var socket;        var req = document.referrer;//判断来源        if(req=="http://aiwantopws.com/index.aspx"||req== "http://aiwantopws.com/index.aspx") {//获取Get的用户名 var uname = GetQueryString("uname");  if (uname!=null) {                $(document).ready(function () {//判断浏览器是否支持HTML5 Web Sockets，这里引用了一个modernizr-2.5.3.js包                    if (!Modernizr.websockets) {                       alert("该浏览器不支持 HTML5 Web Sockets!");                        return;                    }//创建WebSocket对象。                    socket=new WebSocket("ws://aiwantopws.com/WebSocketHandler.ashx");//添加监听事件，这里我用json作为来回信息传递//当用户链接（创建对象）时。                    socket.addEventListener("open", function (evt) {//发送该用户的用户名到服务器。                        socket.send("{\"uname\":\"" + uname + "\"}");                        $("#divHistory").append('<h3>Connection Opened with the server.</h3>');                    }, false);//当用户执行关闭方法时，                    socket.addEventListener("close", function (evt) {                        $("#divHistory").append('<h3>Connection was closed. :' + evt.reason + '</h3>');                    }, false);//有消息从服务器传送过来时执行                    socket.addEventListener("message", function (evt) {                      显示消息                      更新在线人数（因为在线多少人在服务器端更新）                    }, false);//出现异常时                    socket.addEventListener("error", function (evt) {                      显示错误                    }, false);//发送消息                    $("#btnSend").click(function () {                         判断链接状态 {                                               发送消息                        }                        else {                         显示该用户断线                      }                    });//销毁对象                    $("#btnStop").click(function () {                        socket.close();                    });                });            } else {                window.location.href = '/index.aspx';            } } else {            window.location.href = '/index.aspx';        }</script>

1 0