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

群组主要就是用到了方法：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. 堆叠注入——BUUCTF-随便注

    由题目提示知道,这题需要进行sql注入 输入1'发现报错 再输入1';show batabases#出现了一大堆数据库 再输入1';show tables#出现了两个表 猜测flag在这2个表中,输入 ...

  2. 冰多多团队Beta阶段发布说明

    Bingduoduo 语音Coding(Beta):项目Github地址 Beta版本新功能介绍 在beta阶段我们很好地将alpha阶段已经设计好的编辑器和shell整合了起来,推出了一个完整的ID ...

  3. ==和Equal()

    1.a==null与 null==a null放在前面就是为了避免变量为空时 引了空指针异常 如: if(a==null) 如果a 真为空时,现在就相当用调用了变量a的方法,a 都为空了还调用他的方法 ...

  4. sentinel-dashboard安装、运行(docker)

    https://github.com/alibaba/Sentinel/releases 下载源码 修改成支持nacos(略) mkdir /opt/sentinel-dashboard把编译好的se ...

  5. NIO网络访问模式实践

    1.创建NioNest12类 一个线程监听5个端口的事件 public class NioTest12 { public static void main(String[] args) throws ...

  6. 【java/oralce/sql】往一张仅有id，名称，创建时间三个字段的表中插入百万数据需要多久？1分26秒

    代码下载:https://files.cnblogs.com/files/xiandedanteng/fastfilltable20191222.rar 表testtb18的结构如下: CREATE ...

  7. phpstudy 首次安装后打开网站 数据库内容 中文乱码

    首次安装完成 phpstudy 后,默认的 my.ini 配置只有数据库文件位置,其他的都没有设置,这时如果想要输出数据库中的中文后,显示到页面上就会变成中文乱码 解决方法: 打开 phpstudy ...

  8. Tensorflow不能使用GPU的解决办法

    转载:https://blog.csdn.net/kudou1994/article/details/86735451 服务器在训练模型,另一边我在瞎胡乱搞不晓得咋个搞的,就不能使用GPU了.pyth ...

  9. (转)搭建Elasticsearch和kibana环境

    搭建Elasticsearch和kibana环境 作者:IT云清 原文:https://blog.csdn.net/weixin_39800144/article/details/81162002 1 ...

  10. 一次升级jar包遇到的空指针异常

    今天自己在升级公司的一个jar后,一直报空指针异常.代码如下 package com.zhuanche.http; import com.alibaba.fastjson.JSON; import c ...