原文：https://www.jianshu.com/p/ae25d0d77011

官方文档：https://docs.microsoft.com/zh-cn/aspnet/signalr/

实现效果

WebFrom + SignalR 实时消息，聊天室，即时消息

 

代码示例

动态链接库

添加基础动态链接库

 Microsoft.AspNet.SignalR.Core.dll

 Microsoft.AspNet.SignalR.Owin.dll

 Microsoft.AspNet.SignalR.SystemWeb.dll

 Microsoft.Owin.Host.SystemWeb.dll

 Owin.dll

 Newtonsoft.Json.dll

Global.asax

应用程序文件添加MapHubs

 public class Global : System.Web.HttpApplication

 {

     protected void Application_Start(object sender, EventArgs e)

     {

        RouteTable.Routes.MapHubs();

     }

 }

继承 Hub

编写集成类

 using System;

 using System.Collections.Generic;

 using System.Linq;

 using System.Web;

 using Microsoft.AspNet.SignalR;

 /// <summary>

 /// PushHub 的摘要说明

 /// </summary>

 public class PushHub : Hub

 {

     public PushHub()

     {

         //

         // TODO: 在此处添加构造函数逻辑

         //

     }

 }

聊天室页面

 <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ChatRoom.aspx.cs" Inherits="WebApp.CustomApp.Message.ChatRoom" %>

 <!DOCTYPE html>

 <html xmlns="http://www.w3.org/1999/xhtml">

 <head runat="server">

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

     <title></title>

     <!-- 新 Bootstrap 核心 CSS 文件 -->

     <link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">

     <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->

     <script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>

     <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->

     <script src="//cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>

     <script src="../../Plugins/jquery.signalR-1.1.4.js" type="text/javascript"></script>

     <script src="/Signalr/Hubs"></script>

     <script>

         function SendMsg() {

             var data = { name: $("#txtName").val(), msg: $("#txtMessage").val() };

             $.post("ChatRoom.aspx", data, function (msg) { });

         }

         var pushHub = $.connection.pushHub;

         pushHub.client.sendMessage = function (name, message, time) {

             var flag = time + " " + name + " 说：" + message + "\r\n";

             $("#txtChatLog").val($("#txtChatLog").val() + flag);

         }

         $.connection.hub.logging = true;

         $.connection.hub.start();

     </script>

 </head>

 <body>

     <form>

         <div class="container">

             <div class="row">

                 <br />

                 <div class="form-group">

                     <label for="txtName">用户名</label>

                     <input type="text" class="form-control" id="txtName" placeholder="用户名" />

                 </div>

                 <div class="form-group">

                     <label for="txtMessage">消息内容</label>

                     <input type="text" class="form-control" id="txtMessage" placeholder="消息内容" />

                 </div>

                 <button type="button" class="btn btn-default" onclick="SendMsg()">发送</button>

                 <br />

                 <div class="form-group">

                     <label for="txtMessage">聊天记录</label>

                     <textarea id="txtChatLog" class="form-control" cols="" rows=""></textarea>

                 </div>

             </div>

         </div>

     </form>

 </body>

 </html>

聊天室后台

 using Microsoft.AspNet.SignalR;

 using System;

 using System.Collections.Generic;

 using System.Linq;

 using System.Web;

 using System.Web.UI;

 using System.Web.UI.WebControls;

 namespace WebApp.CustomApp.Message

 {

     public partial class ChatRoom : System.Web.UI.Page

     {

         protected void Page_Load(object sender, EventArgs e)

         {

             if (!IsPostBack)

             {

                 if (Request.Form["name"] != null)

                 {

                     SendMsg(Request.Form["name"].ToString(), Request.Form["msg"].ToString());

                 }

             }

         }

         private void SendMsg(string name,string msg)

         {

             IHubContext chat = GlobalHost.ConnectionManager.GetHubContext<PushHub>();

             chat.Clients.All.sendMessage(name, msg, DateTime.Now.ToString());

         }

     }

 }

注意事项

未生成 /Signalr/Hubs 脚本文件

如果通过浏览器查看时无法浏览 /Signalr/Hubs，可能是 Global.asax 未初始化 RouteTable.Routes.MapHubs();

Global.asax 中 RouteTable.Routes 找不到 MapHubs()

方式一

导入 System.Web.Routing

 <%@ Import Namespace="System.Web.Routing" %>

方式二

或在 App_Code 文件夹下新建 Global.aspx.cs 文件，同时将原始 Global.aspx 修改如下

<%@ Application Codebehind="App_Code\Global.asax.cs" Inherits="Global" Language="C#" %>

 

WebForm SignalR 实时消息推送的更多相关文章

  1. .netcore signalR 实时消息推送

    服务器端引入包 Install-Package Microsoft.AspNetCore.SignalR客户端引入包  npm install @aspnet/signalr <template ...

  2. 基于SignalR的消息推送与二维码描登录实现

    1 概要说明 使用微信扫描登录相信大家都不会陌生吧,二维码与手机结合产生了不同应用场景,基于二维码的应用更是比较广泛.为了满足ios.android客户端与web短信平台的结合,特开发了基于Singl ...

  3. AngularJS+ASP.NET MVC+SignalR实现消息推送

    原文:AngularJS+ASP.NET MVC+SignalR实现消息推送 背景 OA管理系统中,员工提交申请单,消息实时通知到相关人员及时进行审批,审批之后将结果推送给用户. 技术选择 最开始发现 ...

  4. Signalr实现消息推送

    一.前言 大多数系统里面好像都有获取消息的功能,但这些消息来源都不是实时的,比如你开两个浏览器,用两个不同的账号登录,用一个账号给另外一个账号发送消息,然而并不会实时收到消息,必须要自己手动F5刷新一 ...

  5. 开源实时消息推送系统 MPush

    系统介绍 mpush,是一款开源的实时消息推送系统,采用java语言开发,服务端采用模块化设计,具有协议简洁,传输安全,接口流畅,实时高效,扩展性强,可配置化,部署方便,监控完善等特点.同时也是少有的 ...

  6. 基于socket.io的实时消息推送

    用户访问Web站点的过程是基于HTTP协议的,而HTTP协议的工作模式是:请求-响应,客户端发出访问请求,服务器端以资源数据响应请求. 也就是说,服务器端始终是被动的,即使服务器端的资源数据发生变化, ...

  7. Worktile中百万级实时消息推送服务的实现

    Worktile中百万级实时消息推送服务的实现 出自:http://blog.jobbole.com/81125/

  8. 【js学习】js连接RabbitMQ达到实时消息推送

    js连接RabbitMQ达到实时消息推送 最近在自己捯饬一个网站,有一个功能是需要后端处理完数据把数据发布到MQ中,前端再从MQ中接收数据.但是前端连接MQ又成了一个问题,在网上搜了下资料,点进去一篇 ...

  9. 未读消息（小红点），前端与 RabbitMQ实时消息推送实践，贼简单~

    前几天粉丝群里有个小伙伴问过:web 页面的未读消息(小红点)怎么实现比较简单,刚好本周手头有类似的开发任务,索性就整理出来供小伙伴们参考,没准哪天就能用得上呢. 之前在 <springboot ...

随机推荐

  1. codeMirror配置

    介绍 CodeMirror是一款在线的支持语法高亮的代码编辑器.官网:http://codemirror.net/ 下载后,解压开到的文件夹中,lib下是放的是核心库和核心css,模式下放的是各种支持 ...

  2. 改进初学者的PID-测量的比例介绍

    最近看到了Brett Beauregard发表的有关PID的系列文章,感觉对于理解PID算法很有帮助,于是将系列文章翻译过来!在自我提高的过程中,也希望对同道中人有所帮助.作者Brett Beaure ...

  3. FormsAuthentication使用指南，实现登录

    一般情况下,在我们做访问权限管理的时候,会把用户的正确登录后的基本信息保存在Session中,以后用户每次请求页面或接口数据的时候,拿到Session中存储的用户基本信息,查看比较他有没有登录和能否访 ...

  4. Neo4j CQL基本使用

    Neo4j用CQL作为查询语言 CQL  Neo4j图形数据库的查询语言 是一种声明性模式匹配语言 遵循SQL语法 语法是非常简单且人性化.可读的格式 1.启动服务,打开浏览器 在数据浏览器中的美元提 ...

  5. 对get post等http请求方式的理解

    本文是关于get,post等几种请求方式的资料搜集和学习,HTTP,HTTP2协议的涉及点,然后提到了socket协议,RPC 先是和朋友的一些交流对话,问着问着就到了我的知识盲区.需要恶补一下这方面 ...

  6. 本地mysql启动之后，另外一台电脑利用数据库访问软件，连接问题

    背景:在一台电脑上面安装MySQL数据库之后,利用另一台电脑访问本台电脑上面的数据,访问失败的问题 解决方法 开启 MySQL 的远程登陆帐号有两大步: 1.确定服务器上的防火墙没有阻止 3306 端 ...

  7. Apache Kafka Producer For Beginners

    在我们上一篇Kafka教程中,我们讨论了Kafka Cluster.今天,我们将通过示例讨论Kafka Producer.此外,我们将看到KafkaProducer API和Producer API. ...

  8. Java开发笔记（一百二十六）Swing的窗口

    前面介绍了AWT界面编程的若干技术,在编码实践的时候,会发现AWT用起来甚是别扭,它的毛病包括但不限于下列几点:1.对中文的支持不好,要想在界面上正常显示汉字,还得在运行时指定额外的运行参数“-Dfi ...

  9. Django 报错 admin.E408 admin.E409 admin.E410

    报错内容 ERRORS: ?: (admin.E408) 'django.contrib.auth.middleware.AuthenticationMiddleware' must be in MI ...

  10. 【C#】上机实验九

    1. 设计一个Windows登陆窗体应用程序,能够实现根据现有表中数据模拟登陆,并设置相关属性,具体界面如下. 可能使用到的类: (1)SqlConnection (2)SqlCommand (3)S ...