WebForm SignalR 实时消息推送

实现效果

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

代码示例

动态链接库

添加基础动态链接库

1 Microsoft.AspNet.SignalR.Core.dll
2 Microsoft.AspNet.SignalR.Owin.dll
3 Microsoft.AspNet.SignalR.SystemWeb.dll
4 Microsoft.Owin.Host.SystemWeb.dll
5 Owin.dll
6 Newtonsoft.Json.dll

Global.asax

应用程序文件添加MapHubs

1 public class Global : System.Web.HttpApplication
2 {
3 
4     protected void Application_Start(object sender, EventArgs e)
5     {
6        RouteTable.Routes.MapHubs();
7     }
8 }

继承 Hub

编写集成类

 1 using System;
 2 using System.Collections.Generic;
 3 using System.Linq;
 4 using System.Web;
 5 using Microsoft.AspNet.SignalR;
 6 
 7 /// 
 8 /// PushHub 的摘要说明
 9 /// 
10 public class PushHub : Hub
11 {
12     public PushHub()
13     {
14         //
15         // TODO: 在此处添加构造函数逻辑
16         //
17     }
18 }

聊天室页面

 1 <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ChatRoom.aspx.cs" Inherits="WebApp.CustomApp.Message.ChatRoom" %>
 2 
 3 
 4 
 5 "http://www.w3.org/1999/xhtml">
 6 "server">
 7     "Content-Type" content="text/html; charset=utf-8" />
 8     
 9     
10     "stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">
11 
12     
13     
14 
15     
16     
17 
18     
19     
20     
36 
37 
38 
39 
40     
41         class="container">
42             class="row">
43                 

44                 class="form-group">
45                     for="txtName">用户名
46                     "text" class="form-control" id="txtName" placeholder="用户名" />
47                 
48                 class="form-group">
49                     for="txtMessage">消息内容
50                     "text" class="form-control" id="txtMessage" placeholder="消息内容" />
51                 
52                 
53                 

54                 class="form-group">
55                     for="txtMessage">聊天记录
56                     "</span><span style="color: #800000;">txtChatLog</span><span style="color: #800000;">"</span> <span style="color: #0000ff;">class</span>=<span style="color: #800000;">"</span><span style="color: #800000;">form-control</span><span style="color: #800000;">"</span> cols=<span style="color: #800000;">"</span><span style="color: #800000;">100</span><span style="color: #800000;">"</span> rows=<span style="color: #800000;">"</span><span style="color: #800000;">10</span><span style="color: #800000;">"</span>>
57                 
58 
59             
60         
61     
62 
63 
64 
65

聊天室后台

 1 using Microsoft.AspNet.SignalR;
 2 using System;
 3 using System.Collections.Generic;
 4 using System.Linq;
 5 using System.Web;
 6 using System.Web.UI;
 7 using System.Web.UI.WebControls;
 8 
 9 namespace WebApp.CustomApp.Message
10 {
11     public partial class ChatRoom : System.Web.UI.Page
12     {
13         protected void Page_Load(object sender, EventArgs e)
14         {
15             if (!IsPostBack)
16             {
17                 if (Request.Form["name"] != null)
18                 {
19                     SendMsg(Request.Form["name"].ToString(), Request.Form["msg"].ToString());
20                 }
21             }
22         }
23 
24         private void SendMsg(string name,string msg)
25         {
26             IHubContext chat = GlobalHost.ConnectionManager.GetHubContext();
27             chat.Clients.All.sendMessage(name, msg, DateTime.Now.ToString());
28         }
29 
30     }
31 }

注意事项

未生成 /Signalr/Hubs 脚本文件

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

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

方式一

导入 System.Web.Routing

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

方式二

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

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