在上一章介绍了 一对一推送的方式，这章重点介绍下群组推送和多人推送

群组主要就是用到了方法：Groups.Add(Context.ConnectionId, groupName); 将不同的连接id加入到同一个组名当中

下面先演示一个群聊的功能：

服务端代码：

　　　　 /// <summary>

        /// 发送给指定组

        /// </summary>

        public void CallGroup(string fromname, string content)

        {

            string groupname = Context.QueryString["groupname"]; //获取客户端发送过来的用户名

            //根据username获取对应的ConnectionId

            Clients.Group(groupname).show(fromname+":"+content);

        }

        //群组聊天

        public override Task OnConnected()

        {

            string groupname = Context.QueryString["groupname"]; //获取客户端发送过来的用户名

            JoinGroup(groupname);//加入群组

            return base.OnConnected();

        }

        public override Task OnDisconnected(bool stopCalled)

        {

            string groupname = Context.QueryString["groupname"]; //获取客户端发送过来的用户名

            LeaveGroup(groupname);//移除组

            return base.OnDisconnected(true);

        }

        public Task JoinGroup(string groupName)

        {

            return Groups.Add(Context.ConnectionId, groupName);

        }

        public Task LeaveGroup(string groupName)

        {

            return Groups.Remove(Context.ConnectionId, groupName);

        }

前端，我们创建两个目录，武侠和喜剧，每个目录下分别有1.html和2.html 表示2个人聊天。

下面上前端的代码：

<!DOCTYPE html>

<html>

<head>

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

    <title></title>

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

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

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

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

    <meta charset="utf-8" />

    <style type="text/css">

        body {

            margin: 20px;

        }

        .input {

            padding-left: 5px;

        }

    </style>

</head>

<body>

    <div>

        <h4>武侠群--杨过</h4>

        <p>

            <input type="text" id="content" placeholder="" class="input" /> &nbsp;&nbsp;<input type="button" value="发送" class="btn btn-sm btn-info" id="btn_send" />

        </p>

        <div>

            <h4>接收到的信息：</h4>

            <ul id="dataContainer"></ul>

        </div>

    </div>

    <script language="javascript">

    $(function() {

        var chat = $.connection.demoHub; //连接服务端集线器，demoHub为服务端集线器名称，js上首字母须改为小写（系统默认）

        //定义客户端方法，此客户端方法必须与服务端集线器中的方法名称、参数均一致。

        //实际上是服务端调用了前端的js方法（订阅）

        $.connection.hub.qs = { 'groupname': '武侠' }

        chat.client.show=function(content) {

            var html = '<li>' + htmlEncode(content) + "</li>";

            $("#dataContainer").append(html);

        }

        //定义推送

        $.connection.hub.start()

            .done(function() {

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

                    chat.server.callGroup("杨过", $("#content").val());  //将客户端的content内容发送到服务端

                    $("#content").val("");

                });

            });

    });

    //编码

    function htmlEncode(value) {

        var encodedValue = $('<div />').text(value).html();

        return encodedValue;

    }

    </script>

</body>

</html>

其他前端这边就不贴，就是把groupname参数改一下，还有callGroup里面的第一个参数改一下即可。

下面上效果图：

从上面结果，我们可以看到，已经实现了两个群组分别独立聊天，内容互不影响。

这里主要就是用到了Group这个对象，当然群组的名称本例是通过前端传递的，在实际项目中也可以用其他各种方式来实现。

本章结束

ASP.NET SignalR 系列（五）之群组推送的更多相关文章

  1. Asp.net SignalR 实现服务端消息实时推送到所有Web端

    ASP .NET SignalR是一个ASP .NET 下的类库,可以在ASP .NET 的Web项目中实现实时通信.实际上 Asp.net SignalR 2 实现 服务端消息推送到Web端, 更加 ...

  2. 《ASP.NET SignalR系列》第五课 在MVC中使用SignalR

    接着上一篇:<ASP.NET SignalR系列>第四课 SignalR自托管(不用IIS) 一.概述 本教程主要阐释了如何在MVC下使用ASP.NET SignalR. 添加Signal ...

  3. 《ASP.NET SignalR系列》第三课 SignalR的支持平台

    从现在开始相关文章请到: http://lko2o.com/moon 接着第二课:<ASP.NET SignalR系列>第二课 SignalR的使用说明 一.服务器系统要求 SignalR ...

  4. 《ASP.NET SignalR系列》第二课 SignalR的使用说明

    从现在开始相关文章请到: http://lko2o.com/moon 接续上一篇:<ASP.NET SignalR系列>第一课 认识SignalR (还没有看的话,建议您先看看) 一.指定 ...

  5. 《ASP.NET SignalR系列》第一课 认识SignalR

    从现在开始相关文章请到: http://lko2o.com/moon 一.概述 ASP.NET signalr对ASP.NET开发者来说是一个新的程序库,它能让我们更加容易便捷地开发实时通信功能; s ...

  6. 《ASP.NET SignalR系列》第四课 SignalR自托管(不用IIS)

    从现在开始相关文章请到: http://lko2o.com/moon 接着上一篇:<ASP.NET SignalR系列>第三课 SignalR的支持平台 一.概述 SignalR常常依托于 ...

  7. C#微信公众号开发系列教程五（接收事件推送与消息排重）

    微信公众号开发系列教程一(调试环境部署) 微信公众号开发系列教程一(调试环境部署续:vs远程调试) C#微信公众号开发系列教程二(新手接入指南) C#微信公众号开发系列教程三(消息体签名及加解密) C ...

  8. nodejs通过钉钉群机器人推送消息

    nodejs 通过钉钉群机器人推送消息 Intro 最近在用 nodejs 写爬虫,之前的 nodejs 爬虫代码用 js 写的,感觉可维护性太差,也没有智能提示,于是把js改用ts(typescri ...

  9. Asp.net SignalR 应用并实现群聊功能 开源代码

    ASP.NET SignalR 是为 ASP.NET 开发人员提供的一个库,可以简化开发人员将实时 Web 功能添加到应用程序的过程.实时 Web 功能是指这样一种功能:当所连接的客户端变得可用时服务 ...

随机推荐

  1. npm install WARN package.json not exists

    npm install WARN package.json not exists: D:\ProData\package.json 一.总结 一句话总结: 出现这样的原因一般是没有切换到指定的目录下, ...

  2. vs开启，Windows 10磁盘占用100%解决办法

    https://www.cnblogs.com/time-is-life/p/8888441.html 最后把Home Group相关的服务都改成禁用. 注意: 即使这两个服务没有启动也不行, 一定要 ...

  3. 考勤打卡机导出的excel考勤时间表如何生成实用的考勤表

    该excel表有如下结构 姓名\日期 周1 周2 周3 周4 周5 张三 7:3518:02 7:3518:02 7:46   17:56 李四 7:3518:02 7:02 18:00 18:02 ...

  4. 【Eclipse】Eclipse如何导出java项目为jar包

    1.首先确定要导出的项目 从项目结构可以看出,笔者的项目是一个Dynamic Java Project.com/db下面有一个config的数据库配置文件.WEB-INF/lib文件夹下面有依赖的ja ...

  5. window操作系统分区

    注意GPT分区模式不能创建扩展分区和逻辑分区

  6. ospf的路由更新和撤销总结

    首先ospf 的报文有:hello报文,主要作用ospf 邻居建立及维护.dd报文,主要作用主从选举,序列号主从的确认,mtu的协商(可选).lsr 报文,主要作用向邻居请求lsa.lsu报文,主要作 ...

  7. FileHelper-文件操作工具

    import java.io.File; import java.io.FileInputStream; import java.io.FileOutputStream; import java.io ...

  8. MongoDB开发深入之三：复制

    复制是基于操作日志oplog,相当于MySQL中的二进制日志,只记录发生改变的记录,复制是将主节点的oplog日志同步并应用到其他从节点的过程. 首先要理解两个概念:1.复制:提供冗余和高可用性:2. ...

  9. （转载）人脸识别中Softmax-based Loss的演化史

    人脸识别中Softmax-based Loss的演化史  旷视科技 近期,人脸识别研究领域的主要进展之一集中在了 Softmax Loss 的改进之上:在本文中,旷视研究院(上海)(MEGVII Re ...

  10. 解决VM Workstation安装VMware Tools显示灰色的办法

    其实虚拟机用了好多次了,但是每次使用配置时还是忘这忘那的,这里就简单地再啰嗦下了. 解决办法如下: 1.关闭虚拟机: 2.在虚拟机设置分别设置CD/DVD.CD/DVD2和软盘为自动检测三个步骤: 3 ...