前言：SignalR是一种针对H5中WebSocket的解决方案，可以实现在不支持H5的浏览器中实现IM

后端：

step 1：通过NuGet安装SignalR

step 2：新建一个类继承于Hub，code belows:

[HubName("jzHub")]

    public class MyHub:Hub

    {

        public void SendMsg(string name,string msg)

        {

            //Clients.All.sayHi(name,msg);

            Clients.Others.sayHi(name, msg);

        }

    }

step 3：新建一个类Startup，code belows:

[assembly :OwinStartup(typeof(TestSignalR.Startup))]

namespace TestSignalR

{

    public class Startup

    {

        public void Configuration(IAppBuilder app) {

            app.MapSignalR();

        }

    }

}

UI界面：

step 4：新建一个Html页面：

<body>

    <form id="form1" runat="server">

    <div>

    <ul id="msg_list">

    </ul>

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

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

        <input type="button" id="btnSend" value="发送" />

    </div>

    </form>

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

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

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

    <script type="text/javascript">

        $(function () {

            "use strict";

            var hubProxy=$.connection["jzHub"];

            hubProxy.client.sayHi = function (name, msg) {

                $("#msg_list").append("<li><strong>" + name + "</strong>:" +msg + "</li>");

            }

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

                $("#btnSend").on("click", function () {

                    hubProxy.server.sendMsg($("#txtName").val(), $("#txtMsg").val());

                })

            })

        })

    </script>

</body>

运行即可实现即时通讯。。。

Asp.Net通过SignalR实现IM即时通讯的更多相关文章

  1. 通过SignalR技术整合即时通讯(IM)在.NET中应用落地

    1.引言 即时通讯(IM)是RDIFramework.NET敏捷开发框架全新提供的一个基于Web的即时通讯.内部聊天沟通的工具.界面美观大方对于框架内部进行消息的沟通非常方便.基于RDIFramewo ...

  2. RDIFramework.NET敏捷开发框架通过SignalR技术整合即时通讯(IM)

    1.引言 即时通讯(IM)是RDIFramework.NET敏捷开发框架全新提供的一个基于Web的即时通讯.内部聊天沟通的工具.界面美观大方对于框架内部进行消息的沟通非常方便.基于RDIFramewo ...

  3. Microsoft.AspNet.SignalR实现弹幕(即时通讯)

    引用 Microsoft.AspNet.SignalR 服务器 自定义Connection public class BarrageConnection : PersistentConnection ...

  4. ASP.NET Core SignalR ：学习消息通讯，实现一个消息通知

    什么是 SignalR 目前我用业余时间正在做一个博客系统,其中有个功能就是评论通知,就是假如A用户评论B用户的时候,如果B用户首页处于打开状态,那么就会提示B用户有未读消息.暂时用SignalR来实 ...

  5. MVC中使用SignalR打造酷炫实用的即时通讯功能附源码

    前言,现在这世道写篇帖子没个前言真不好意思发出来.本贴的主要内容来自于本人在之前项目中所开发的一个小功能,用于OA中的即时通讯.由于当时走的太急,忘记把代码拿出来.想想这已经是大半年前的事情了,时间过 ...

  6. MVC中使用SignalR打造酷炫实用的即时通讯功能(轉載)

    資料來源:http://www.fangsi.net/1144.html 前言,现在这世道写篇帖子没个前言真不好意思发出来.本贴的主要内容来自于本人在之前项目中所开发的一个小功能,用于OA中的即时通讯 ...

  7. [置顶] Xamarin android中使用signalr实现即时通讯

    前面几天也写了一些signalr的例子,不过都是在Web端,今天我就来实践一下如何在xamarin android中使用signalr,刚好工作中也用到了这个,也算是总结一下学到的东西吧,希望能帮助你 ...

  8. IdentityServer4 + SignalR Core +RabbitMQ 构建web即时通讯（三）

    IdentityServer4 + SignalR Core +RabbitMQ 构建web即时通讯(三) 后台服务用户与认证 新建一个空的.net core web项目Demo.Chat,端口配置为 ...

  9. IdentityServer4 + SignalR Core +RabbitMQ 构建web即时通讯（二）

    IdentityServer4 + SignalR Core +RabbitMQ 构建web即时通讯(二) IdentityServer4 用户中心生成数据库 上文已经创建了所有的数据库上下文迁移代码 ...

随机推荐

  1. POJ3041 二分图最大匹配

    问题:POJ3041 分析: 构造二分图:令A = B = { 1, 2, ... , n }, 分别代表行号集与列号集.假如第i行第j列有一颗行星,则连接Ai与Bj, 表示必须从Ai(即第i行),B ...

  2. 学习memcached的一个网站

    http://www.ibm.com/developerworks/cn/java/j-memcached1/#resources

  3. AFNetworiking与ASIHttpRequest对比

    在开发iOS应用过程中,如何高效的与服务端API进行数据交换,是一个常见问题.一般开发者都会选择一个第三方的网络组件作为服务,以提高开发效率和稳定性.这些组件把复杂的网络底层操作封装成友好的类和方法, ...

  4. Altium designer PCB king (收录各种版本)

    不要再留念protel99se这么古老的PCB软件了,宝刀也经不起岁月的磨练. 相比Altium Designer,protel99se逊色多了.虽然很多人还是用这把已经快老的刀.作为新时代的新人,我 ...

  5. spring bean初始化和销毁

    spring bean的创建与消亡由spring容器进行管理,除了使用<bean><property/></bean>进行简单的属性配置之外,spring支持更人性 ...

  6. [TI DLP Buglist]data type error in illum_EnableIllumination function

    I am debuging my code today, I find when my code is running, it's stop at illum_EnableIllumination() ...

  7. xib和Storyboard 创建Cell的方式

    xib 方式 .在Cell.h文件中加一个宏 #define cellIdentifier @"customCell" . ViewController中: - (void)vie ...

  8. java实现各种数据统计图（柱形图，饼图，折线图）

    近期在做数据挖掘的课程设计,须要将数据分析的结果非常直观的展现给用户,这就要用到数据统计图,要实现这个功能就须要几个第三方包了: 1.       jfreechart-1.0.13.jar 2.   ...

  9. RelativeLayout经常使用属性介绍

    以下介绍一下RelativeLayout用到的一些重要的属性: 第一类:属性值为true或false     android:layout_centerHrizontal                ...

  10. 某APK中使用了动态注册BroadcastReceiver，Launcher中动态加载此APK出现java.lang.SecurityException异常的解决方法

    在某APK中,通过如下方法动态注册了一个BroadcastReceiver,代码参考如下: @Override protected void onAttachedToWindow() { super. ...