在IIS上搭建WebSocket服务器（三）

原文:在IIS上搭建WebSocket服务器（三）

编写客户端代码

1.新建一个*.html文件。

ws = new WebSocket('ws://192.168.85.128:8086/Handler1.ashx?user=' + $("#user").val());这个地方的IP和端口号对应着我们搭建在IIS上的WebSocket服务器

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0"/><title></title><script src="http://code.jquery.com/jquery-1.4.1.min.js"></script><script>var ws;$().ready(function () {$('#conn').click(function () {//ws = new WebSocket('ws://' + window.location.hostname + ':' + window.location.port + '/Handler1.ashx?user=' + $("#user").val());
                ws = new WebSocket('ws://192.168.85.128:8086/Handler1.ashx?user=' + $("#user").val());//var host = 'ws://192.168.85.128:8085/api/WSChat?user='+$("#user").val();//var host = "ws://192.168.85.128:8085/api/WSChat";//webSocket = new WebSocket(host);
                $('#msg').append('<p>正在连接</p>');ws.onopen = function () {$('#msg').append('<p>已经连接</p>');}ws.onmessage = function (evt) {$('#msg').append('<p>' + evt.data + '</p>');}ws.onerror = function (evt) {$('#msg').append('<p>' + JSON.stringify(evt) + '</p>');}ws.onclose = function () {$('#msg').append('<p>已经关闭</p>');}});$('#close').click(function () {ws.close();});$('#send').click(function () {if (ws.readyState == WebSocket.OPEN) {ws.send($("#to").val() + "|" + $('#content').val());}else {$('#tips').text('连接已经关闭');}});});</script>
</head>
<body><div><input id="user" type="text" /><input id="conn" type="button" value="连接" /><input id="close" type="button"  value="关闭"/><br /><span id="tips"></span><input id="content" type="text" /><input id="send" type="button"  value="发送"/><br /><input id="to" type="text" />目的用户<div id="msg"></div></div>
</body>
</html>

2.客户端A和客户端B通信效果

在浏览器中分别打开两个窗口，左边为客户端A，右边为客户端B，点击“连接”按钮，AB客户端分别与服务器建立连接

填写要发送的内容，即可看到A和B互相发送的信息了，即实现了AB客户端实现了WebSocket即时通信。

end

posted on 2018-03-23 11:26 NET未来之路阅读(...) 评论(...) 编辑收藏

转载于:https://www.cnblogs.com/lonelyxmas/p/8629298.html

在IIS上搭建WebSocket服务器（三）相关推荐

在IIS上搭建WebSocket服务器（一）
一.搭建环境 1.System.Web.WebSockets需搭建在Windows8及Server2012以上系统的上. 2.在Windows8及Server2012以上系统的上安装IIS和WebSo ...
Windows Server 2003上搭建FTP服务器（IIS同理）
Windows Server 2003上搭建FTP服务器(IIS同理) FTP File Transfer Protocol(文件传输协议)是用于在网络上进行文件传输的一套标准协议,使用客户/服务器模 ...
项目实战-物联网平台搭建-搭建websocket服务器（三）
项目目前是有手机app 做客户端,通过app订阅主题并发送消息,mqtt服务器会将数据转存如mysql数据库中,然后再由ws服务端发送到前端展示下边是大二写的一个mqtt通信app 客户端给温度主题 ...
websocket 学习--简单使用，nodejs搭建websocket服务器，到模拟股票，到实现聊天室
websocket简介: WebSocket协议是 HTML5 开始提供的一种基于TCP的一种新的全双工通讯的网络通讯协议.它允许服务器主动发送信息给客户端. 和http协议的不同?? HTTP 协议 ...
怎么制作web服务器iis,IIS中搭建web服务器
IIS中搭建web服务器前面的博文中和大家聊了如何在Windows Server 2012 R2的环境下搭建IIS服务器,今天我们就继续和大家聊聊如何在我们的IIS服务器中搭建一个WEB服务器,从而 ...
在Win7的IIS上搭建FTP服务及用户授权
FTP服务 FTP是文件传输协议(File Transfer Protocol)的简称,该协议属于应用层协议(端口号通常为21),用于Internet上的双向文件传输(即文件的上传和下载).在网络上有 ...
ios即时通讯客户端开发之－mac上搭建openfire服务器
CHENYILONG Blog ios即时通讯客户端开发之-mac上搭建openfire服务器转自:月光的尽头 ios即时通讯客户端开发之-mac上搭建openfire服务器一.下载并安装open ...
在ubuntu16.04上搭建svn服务器
本文介绍在如何在ubuntu16.04 的系统上搭建svn服务器以及可能遇到的问题.下面的操作都以root用户进行. 1.安装svn服务器软件subversion. // 安装完成后的svn版本为 1 ...
windows平台上实现websocket服务器
windows平台上实现websocket服务器目前做个项目需要做个带串口的测试软件,主要功能是一台电脑利用串口控制一台待测试设备,然后通过串口对他进行调试,同时使用串口采集其他测量设备的数值,将测 ...

在IIS上搭建WebSocket服务器（三）

在IIS上搭建WebSocket服务器（三）相关推荐

最新文章

热门文章