ASP .NET SignalR 是一个ASP .NET 下的类库，可以在ASP .NET 的Web项目中实现实时通信。什么是实时通信的Web呢？就是让客户端（Web页面）和服务器端可以互相通知消息及调用方法，当然这是实时操作的。
 
WebSockets是HTML5提供的新的API，可以在Web网页与服务器端间建立Socket连接，当WebSockets可用时（即浏览器支持Html5）SignalR使用WebSockets，当不支持时SignalR将使用其它技术来保证达到相同效果。
 
SignalR当然也提供了非常简单易用的高阶API，使服务器端可以单个或批量调用客户端上的JavaScript函数，并且非常 方便地进行连接管理，例如客户端连接到服务器端，或断开连接，客户端分组，以及客户端授权，使用SignalR都非常 容易实现。
 
SignalR 将与客户端进行实时通信带给了ASP .NET 。当然这样既好用，而且也有足够的扩展性。以前用户需要刷新页面或使用Ajax轮询才能实现的实时显示数据，现在只要使用SignalR，就可以简单实现了。
 
说了这么多，其实可以简单的认为，SignalR就是客户端调用服务端的方法，服务端再去调用客户端的方法，本文实现的是利用SignalR实现Web多人聊天，页面搭建用的Bootstrap，先看下效果图
 
1.新建Web应用程序，Empty空模板
 
 
2.NuGet安装SignalR，这个有你很多依赖项，我们直接安装MicroSoft.AspNet.Signalr
 
 
3.项目添加新建项，OWIN Startup类，Startup是程序启动的入门点，我们在这路注册Signalr
 
namespace WebApplication2

{

    public class Startup

    {

        public void Configuration(IAppBuilder app)

        {

            // 有关如何配置应用程序的详细信息，请访问 http://go.microsoft.com/fwlink/?LinkID=316888

            app.MapSignalR();

        }

    }

}

4.如果SignalR组件安装完成以后，项目右键新建项，会多出SignalR这一项，新建 SignalR集线器类

namespace WebApplication2.hubs

{

    [HubName("myhub")] //这个HubName很重要

    public class MyHub : Hub

    {

        public void SendMessage(string name, string message)

        {

            Clients.All.receiveMessage(name, message);

        }

    }

}

5.新建Html页面，你没有看错，就是Html页面

<!DOCTYPE html>

<html>

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title></title>

    <meta charset="utf-8" />

    <link href="bootstrap/css/bootstrap.css" rel="stylesheet" />

    <script src="Scripts/jquery-1.6.4.js"></script>

    <script src="Scripts/jquery.signalR-2.2.0.js"></script>

    <script src="/signalr/hubs"></script>

</head>

<body style="padding-top:40px;">

    <div class="container">

        <div class="jumbotron">

            <ul id="message" style="height:400px;overflow-y:scroll;"></ul>

        </div>

        <input id="name" type="email" class="form-control" style="margin-bottom:5px;">

        <input id="txt" type="email" class="form-control" style="margin-bottom:5px;">

        <button id="send" type="button" class="btn btn-primary btn-block">Send</button>

    </div>

    <script type="text/javascript">

        $(function () {

            //接收数据

            var con = $.connection.myhub;

            con.client.receiveMessage = function (name, message) {

                $("#message").append("<li><b>" + name + "</b>Say：" + message + "</li>");

            }

            //发送数据

            $.connection.hub.start().done(function () {

                $("#send").click(function () {

                    con.server.sendMessage($("#name").val(),$("#txt").val());

                });

            });

        })

    </script>

</body>

</html>

做到这里就大功告成了，如果没有出效果的话，我说下可能会出错的地方， var con = $.connection.myhub; 这个myhub一定要跟Hub.cs的 [HubName("myhub")] 对应。

核心代码：

JS

           //接收数据

            var con = $.connection.myhub;

            con.client.receiveMessage = function (name, message) {

                $("#message").append("<li><b>" + name + "</b>Say：" + message + "</li>");

            }

            //发送数据

            $.connection.hub.start().done(function () {

                $("#send").click(function () {

                    con.server.sendMessage($("#name").val(),$("#txt").val());

                });

            });

C#

namespace WebApplication2.hubs

{

    [HubName("myhub")]

    public class MyHub : Hub

    {

        public void SendMessage(string name, string message)

        {

            Clients.All.receiveMessage(name, message);

        }

    }

}

仔细研究下，它就是Client调用Server的方法，Server调用Client的方法。

 

SignalR 实现Web多人聊天室的更多相关文章

  1. Asp.net MVC + Signalr 实现多人聊天室

    Asp.net SignalR 简介: 首先简单介绍一下Signalr ,我也是刚接触,觉得挺好玩的,然后写了一个多人聊天室. Asp.net SignalR 是为Asp.net 开发人员提供的一个库 ...

  2. Spring整合DWR comet 实现无刷新 多人聊天室

    用dwr的comet(推)来实现简单的无刷新多人聊天室,comet是长连接的一种.通常我们要实现无刷新,一般会使用到Ajax.Ajax 应用程序可以使用两种基本的方法解决这一问题:一种方法是浏览器每隔 ...

  3. Apache MiNa 实现多人聊天室

    Apache MiNa 实现多人聊天室 开发环境: System:Windows JavaSDK:1.6 IDE:eclipse.MyEclipse 6.6 开发依赖库: Jdk1.4+.mina-c ...

  4. 与众不同 windows phone (31) - Communication（通信）之基于 Socket UDP 开发一个多人聊天室

    原文:与众不同 windows phone (31) - Communication(通信)之基于 Socket UDP 开发一个多人聊天室 [索引页][源码下载] 与众不同 windows phon ...

  5. 与众不同 windows phone (30) - Communication（通信）之基于 Socket TCP 开发一个多人聊天室

    原文:与众不同 windows phone (30) - Communication(通信)之基于 Socket TCP 开发一个多人聊天室 [索引页][源码下载] 与众不同 windows phon ...

  6. 多人聊天室（Java）

    第1部分 TCP和UDP TCP:是一种可靠地传输协议,是把消息按一个个小包传递并确认消息接收成功和正确才发送下一个包,速度相对于UDP慢,但是信息准确安全:常用于一般不要求速度和需要准确发送消息的场 ...

  7. 使用Go语言+Protobuf协议完成一个多人聊天室

    软件环境:Goland Github地址 一.目的 之前用纯逻辑垒完了一个可登入登出的在线多人聊天室(代码仓库地址),这次学习了Protobuf协议,于是想试着更新下聊天室的版本. 主要目的是为了掌握 ...

  8. 基于tcp和多线程的多人聊天室-C语言

    之前在学习关于网络tcp和多线程的编程,学了知识以后不用一下总绝对心虚,于是就编写了一个基于tcp和多线程的多人聊天室. 具体的实现过程: 服务器端:绑定socket对象->设置监听数-> ...

  9. java socket之多人聊天室Demo

    一.功能介绍 该功能实现了一个类似QQ的最简单多人聊天室,如下图所示. 二.目录结构 三.服务端 1)SocketServer类,该类是服务端的主类,主要负责创建聊天窗口,创建监听客户端的线程: pa ...

随机推荐

  1. UIPickerView的使用(三)

    前两篇文章 UIPickerView的使用(一) . UIPickerView的使用(二),学习了UIPickerView的单列选择器和双列选择器的使用. 现在我们一起学习相互依赖的多列选择器 1.遵 ...

  2. Android开发4： Notification编程基础、Broadcast的使用及其静态注册、动态注册方式

    前言 啦啦啦~(博主每次开篇都要卖个萌,大家是不是都厌倦了呢~) 本篇博文希望帮助大家掌握 Broadcast 编程基础,实现动态注册 Broadcast 和静态注册 Broadcast 的方式以及学 ...

  3. JavaScript - 基于CSS3动画的实现

    在痛苦的IE8时代,所有的动画都只能基于自己计算相关动画属性,开定时器setTimeout/setInterval轮询动画任务. 而肩负重任的HTML5,早已注意到了日益增强的动画,随着HTML5的降 ...

  4. centos 7 64位虚机上android4环境运行

    场景 现在的开发大多是在linux的虚拟机上进行,现在有些工作和android有关,因此初步尝试了一下是否可以和目前的场景进行统一. 系统是在vmware workstaion上的centos 7的6 ...

  5. Openstack api 学习文档 & restclient使用文档

    Openstack api 学习文档 & restclient使用文档 转载请注明http://www.cnblogs.com/juandx/p/4943409.html 这篇文档总结一下我初 ...

  6. sql server 2000,Log.LDF文件丢失，附加数据库失败的解决办法[转]

    SQL Server数据库备份有两种方式,一种是使用BACKUP DATABASE将数据库文件备份出去,另外一种就是直接拷贝数据库文件mdf和日志文件ldf的方式.下面将主要讨论一下后者的备份与恢复. ...

  7. 搭建自己的PHP框架心得（三）

    h2:first-child, body>h1:first-child, body>h1:first-child+h2, body>h3:first-child, body>h ...

  8. SQL Server 2008 R2——使用FULL OUTER JOIN实现多表信息汇总

    =================================版权声明================================= 版权声明:原创文章 谢绝转载  请通过右侧公告中的“联系邮 ...

  9. NGUI 指定视口大小

    由于只是给Uinty开发插件,对Unity没有系统的学习,对Unity的很多功能都不是非常了解,幸得其他Unity同事的耐心教导,才不至于想崩头.记录一下,避免重复犯错. NGUI可以建立指定视口大小 ...

  10. [Java入门笔记] Java语言基础（二）：常量、变量与数据类型

    常量与变量 什么是常量和变量 常量与变量都是程序在运行时用来存储数据一块内存空间 常量: 常量的值在程序运行时不能被改变,Java中声明常量必须使用final关键字.常量还可以分为两种意思: 第1种意 ...