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

群组主要就是用到了方法：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. vue----子组件引用vux popup mask遮罩在最上层解决办法 z-index问题

    在一个页面的子组件中引用vux的popup组件时,出现mask遮罩在最上层的问题,百度了一下发现有两种解决办法,现提供第三种. popup在子组件引用时,vux将vux-popup-mask默认添加到 ...

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

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

  3. [技术博客]nginx 部署 apt 源

    [技术博客] nginx 部署 apt 源 出于各种各样的原因, 有时需要自己配置apt源, 比如发布自己编写的debian软件包, 内网中只有一台电脑可以访问外网,或者在本地配置自己的apt源.我们 ...

  4. nodejs异常处理过程/获取nodejs异常类型/写一个eggjs异常处理中间件

    前言 今天想写一下eggjs的自定义异常处理中间件,在写的时候遇到了问题,这个错误我捕获不到类型?? 处理过程,不喜欢看过程的朋友请直接看解决方法和总结 看一下是什么: 抛出的异常是检验失败异常Val ...

  5. wordpress 获取指定作者的所有 post meta

    $args = array( 'post_type' => array( 'post','knowledgebase'), 'post_status' => 'publish', 'aut ...

  6. 安装和使用nltk

    安装 参考:https://www.cnblogs.com/zrmw/p/10869325.html 分词:注意先分句再分词,这些对象均来自nltk.tokenize库 word_tokenize 导 ...

  7. Java 8之Map新增方法<转>

    在Java 8中的Map.Entry接口中增加了comparingByKey, comparingByValue方法,它们都返回Comparator<Map.Entry<K,V>&g ...

  8. GK_Zone与GK_CM的区别

    北京54坐标系3度投影带是从东经1度30秒经线开始,按经差3度为一个投影带自西向东划分,全球共分120个投影带.为了便于地形图的测量作业,在高斯-克吕格投影带内布置了平面直角坐标系统,具体方法是,规定 ...

  9. makefile那些事儿

    一.好处 自动化编译,一条make命令,整个工程可以完全自动编译,make命令是构建大型项目的首选方案. makefile就像一个shell脚本一样,用来定义规则,一个名称包含一条或多条命令,在终端m ...

  10. web page popup window model

    jQuery UI dialog: https://jqueryui.com/dialog/ Semantic UI https://semantic-ui.com/modules/modal.htm ...