使用vs2013新建一个空的asp.net 工程

添加SignalR集线器类MyHub.cs

 using System;

 using System.Collections.Generic;

 using System.Linq;

 using System.Web;

 using Microsoft.AspNet.SignalR;

 namespace SignalRDemo.Web

 {

     public class MyHub : Hub

     {

         public void Hello()

         {

             Clients.All.hello();

         }

         public void Send(string name, string message) {

             // call the broadcastmessage method to update clients.

             Clients.All.broadcastMessage(name, message);

         }

     }

 }

添加OWIN Startup类

 using System;

 using System.Threading.Tasks;

 using Microsoft.Owin;

 using Owin;

 [assembly: OwinStartup(typeof(SignalRDemo.Web.Startup))]

 namespace SignalRDemo.Web

 {

     public class Startup

     {

         public void Configuration(IAppBuilder app)

         {

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

             // Any connection or hub wire up and configuration should go here.

             app.MapSignalR();

         }

     }

 }

添加index.html页面：

 <!DOCTYPE html>

 <html>

 <head>

     <title>SignalR Simple Chat</title>

     <style type="text/css">

         .container {

             background-color: #99CCFF;

             border: thick solid #808080;

             padding: 20px;

             margin: 20px;

         }

     </style>

 </head>

 <body>

     <div class="container">

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

         <input type="button" id="sendmessage" value="Send" />

         <input type="hidden" id="displayname" />

         <ul id="discussion"></ul>

     </div>

     <!--Script references. -->

     <!--Reference the jQuery library. -->

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

     <!--Reference the SignalR library. -->

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

     <!--Reference the autogenerated SignalR hub script. -->

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

     <!--Add script to update the page and send messages.-->

     <script type="text/javascript">

         $(function () {

             // Declare a proxy to reference the hub.

             var chat = $.connection.myHub;

             // Create a function that the hub can call to broadcast messages.

             chat.client.broadcastMessage = function (name, message) {

                 // Html encode display name and message.

                 var encodedName = $('<div />').text(name).html();

                 var encodedMsg = $('<div />').text(message).html();

                 // Add the message to the page.

                 $('#discussion').append('<li><strong>' + encodedName

                     + '</strong>:&nbsp;&nbsp;' + encodedMsg + '</li>');

             };

             // Get the user name and store it to prepend to messages.

             $('#displayname').val(prompt('Enter your name:', ''));

             // Set initial focus to message input box.

             $('#message').focus();

             // Start the connection.

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

                 $('#sendmessage').click(function () {

                     // Call the Send method on the hub.

                     chat.server.send($('#displayname').val(), $('#message').val());

                     // Clear text box and reset focus for next comment.

                     $('#message').val('').focus();

                 });

             });

         });

     </script>

 </body>

 </html>

运行效果：

f5后，需要账户登录框：

登录后，发送信息效果：

这里有一个比较好的应用：

http://bbs.csdn.net/topics/390933064

SignalR实时聊天功能的更多相关文章

  1. SignalR实现网页实时聊天功能

    SignalR是利用html5 sokit方式实现网页的实时性,在客户端不支持html5的情况下通过轮询实现 实现原理是客户端发送的消息先去服务器,然后服务器根据需要将消息广播到需要接收信息的客户群. ...

  2. 微信小程序实现即时通信聊天功能的实例代码

    项目背景:小程序中实现实时聊天功能 一.服务器域名配置 配置流程 配置参考URL:https://developers.weixin.qq.com/miniprogram/dev/api/api-ne ...

  3. [Asp.net 开发系列之SignalR篇]专题二：使用SignalR实现酷炫端对端聊天功能

    一.引言 在前一篇文章已经详细介绍了SignalR了,并且简单介绍它在Asp.net MVC 和WPF中的应用.在上篇博文介绍的都是群发消息的实现,然而,对于SignalR是为了实时聊天而生的,自然少 ...

  4. 使用SignalR+Asp.net创建实时聊天应用程序

    一.概述: 使用 ASP.NET 那么 SignalR 2 创建一个实时聊天应用程序.将 SignalR 添加 MVC 5 应用程序中,并创建聊天视图发送并显示消息. 在Demo中,将学习Signal ...

  5. 使用signalr实现网页和微信公众号实时聊天(上)

    最近项目中需要实现客户在公众号中和客服(客服使用后台网站系统)进行实时聊天的功能.折腾了一段时间,实现了这个功能.现在将过程记录下,以便有相同需求的同行可以参考,也是自己做个总结.这篇是上,用手机编辑 ...

  6. 利用SignalR实现实时聊天

    2018/10/10:博主第一次写原创博文而且还是关于C#的(博主是从前端转过来的),菜鸟一枚,如果有什么写的不对,理解错误,还望各位轻喷.,从SignalR开始! 首先先介绍一下关于SignalR的 ...

  7. SignalR入门一、通过 SignalR 2 进行实时聊天

    一:什么是signalR Asp.net SignalR是微软为实现实时通信的一个类库.一般情况下,signalR会使用JavaScript的长轮询(long polling)的方式来实现客户端和服务 ...

  8. [Asp.net 开发系列之SignalR篇]专题三：使用SignalR实现聊天室的功能

    一.引言 在前一篇文章中,我向大家介绍了如何实现实现端对端聊天的功能的,在这一篇文章中将像大家如何使用SignalR实现群聊这样的功能. 二.实现思路 要想实现群聊的功能,首先我们需要创建一个房间,然 ...

  9. 基于vs2015 SignalR开发的微信小程序使用websocket实现聊天功能

    一)前言 在微信小程上实现聊天功能,大致有三种方式:1)小程序云开发 2)购买第三方IM服务 3)使用自己的服务器自己开发. 这里重要讲使用自己的服务器自己开发,并且是基于vs的开发. 网上提供的解决 ...

随机推荐

  1. 解决蓝屏代吗0x0000007B的几种常见办法

        解决蓝屏代吗0x0000007B的几种常见办法 0x0000007B 蓝屏代码的分析 ◆错误分析:Windows在启动过程中无法访问系统分区或启动卷. 网络上经过收集,主要有四种可能.第一是新 ...

  2. [SHELL进阶] （转）最牛B的 Linux Shell 命令 （二）

    1.用你最喜欢的编辑器来敲命令 command <CTRL-x CTRL-e> 在已经敲完的命令后按 <CTRL-x CTRL-e> ,会打开一个你指定的编辑器(比如vim,通 ...

  3. 【转】四元数（Quaternion）和旋转

    四元数介绍 旋转,应该是三种坐标变换--缩放.旋转和平移,中最复杂的一种了.大家应该都听过,有一种旋转的表示方法叫四元数.按照我们的习惯,我们更加熟悉的是另外两种旋转的表示方法--矩阵旋转和欧拉旋转. ...

  4. SQuirreL 连接 hive

    软件安装版本: hadoop-2.5.1 hbase-0.98.12.1-hadoop2 apache-hive-1.2.1-bin SQuirreL SQL Client3.7 集成步骤: 1. S ...

  5. (转)js的call和apply

    1.方法定义 call方法: 语法:call([thisObj[,arg1[, arg2[,   [,.argN]]]]]) 定义:调用一个对象的一个方法,以另一个对象替换当前对象. 说明: call ...

  6. UI auto test

    java.home/lib/security/java.policy (Solaris/Linux) http://www.cnblogs.com/richaaaard/p/5091059.html ...

  7. HBase的属性

    一:基本属性 1.查看属性 2.解释属性 NAME:列簇名 BLOOMFILTER:布隆过滤器,用于对storefile的过滤 共有三种类型: ROW:行健过滤 ROWCOL:行列过滤 NONE:无 ...

  8. Qt使用一个事件队列对所有发出的事件进行维护（QObject的event()函数相当于dispatch函数），用EventLabel 继承QLabel作为例子（简单明了） good

    事件(event)是由系统或者 Qt 本身在不同的时刻发出的.当用户按下鼠标.敲下键盘,或者是窗口需要重新绘制的时候,都会发出一个相应的事件.一些事件在对用户操作做出响应时发出,如键盘事件等:另一些事 ...

  9. 管子&小白

    管夷吾已入朝,稽首谢罪,桓公亲手扶起,赐之以坐.夷吾曰:“臣乃俘戮之余,得蒙宥死,实为万幸,敢辱过礼!”桓公曰:“寡人有问于子,子必坐,然后敢请."夷吾再拜就坐. 桓公曰:“齐,千乘之国,先 ...

  10. [LeetCode]题解（python）：078 Subsets

    题目来源 https://leetcode.com/problems/subsets/ Given a set of distinct integers, nums, return all possi ...