Asp.net SignalR快速入门

这篇文章将为你介绍Asp. SignalR的快速入门，帮助你轻松掌握这个强大的实时通信类库。对于对实时通信感兴趣的小伙伴们来说，这是一个不可错过的机会。

一、开篇介绍

今天我们将一起走进Asp. SignalR的世界，一个由微软开发的实现实时通信的强大类库。SignalR以其高效、可靠和易于使用的特点，成为开发者们实现实时通信的首选工具。无论是聊天室、在线客服系统还是实时股票价格更新，SignalR都能轻松应对。接下来，让我们一同SignalR的魅力吧！

二、了解Asp. SignalR

Asp. SignalR是微软为实现实时通信而开发的一个类库。它通过JavaScript的长轮询（long polling）和WebSockets技术实现客户端与服务器之间的实时通信。SignalR不仅可以在IIS中宿主，还可以宿主在任何应用程序，包括控制台、客户端程序和Windows服务等。它还支持跨平台部署在Linux环境下，这意味着它具有广泛的应用前景。SignalR内部包含两种主要对象：Http持久连接对象和Hub集线器对象。它们分别用于解决长时间连接和实时信息交换的功能。SignalR将整个信息的交换过程封装起来，客户端和服务器之间使用JSON进行通信。

三、适用场景

SignalR适用于各种实时通信的场景，例如聊天室、在线客服系统、股票价格实时更新以及游戏人物位置的实时推送等。目前，SignalR正在被广泛应用于开发在线客服系统等领域。接下来，我们将通过具体的例子来让大家加深对SignalR运行机制的理解。

四、使用Asp. SignalR在Web端实现广播消息

在SignalR的快速入门中，我们将构建一个基于SignalR的实时通讯应用程序。其中的核心部分是ServerHub类，它继承自Hub类，并提供了与客户端进行实时交互的功能。

在ServerHub类中，定义了一个字符数组Constant，包含了所有可能的字符，用于生成随机用户名。还有两个公开的方法：Send和GenerateRandomName。

Send方法供客户端调用，当客户端调用此方法时，会生成一个长度为4的随机用户名，并通过调用所有客户端的sendMessage方法，将用户名和消息发送给所有连接的客户端。这一功能使得在Web应用程序中实现实时通讯成为可能。

GenerateRandomName方法用于生成指定长度的随机用户名。它首先创建一个StringBuilder对象，用于存储生成的随机字符。然后，通过Random类生成随机索引，从Constant数组中选择字符，最终生成指定长度的随机用户名。

接下来，我们需要创建一个Startup类来配置应用程序的启动过程。如果开始创建MVC项目时没有更改身份验证，这个类会默认添加。按照以下代码更新Startup类：

SignalR：构建实时聊天功能在ASP.NET应用中

一、在Home控制器中创建Chat Action方法

在你的ASP.NET项目中，首先创建一个HomeController类，继承自Controller基类。在其中，你将定义几个Action方法，如Index、About、Contact和Chat。这些方法将对应你的应用程序中的不同页面。

二、创建Chat视图

在Views文件夹的Home子文件夹中，创建一个Chat视图。这个视图将作为你的聊天窗口，包含一个简单的聊天界面和必要的脚本，以支持实时聊天功能。

三、视图的内容

Chat视图的代码包括一个基本的聊天界面，如标题、输入框、发送按钮、显示名称的隐藏字段以及用于显示聊天消息的列表。还包含一些必要的脚本，用于与服务器进行实时通信。

四、引入SignalR库

在视图中，通过引用SignalR库和自动生成的SignalR集线器（Hub）脚本，实现实时通信功能。SignalR是一个用于在ASP.NET应用中实现实时通信的库，它可以让你的应用程序与客户端进行实时交互。

五、实现聊天逻辑

在视图的脚本部分，通过jQuery与SignalR集线器进行交互，实现聊天逻辑。包括定义服务器端调用的客户端sendMessage方法来显示新消息，设置焦点到输入框，以及开始连接服务器等。

六、修改路由配置

为了将Action方法默认设置为Chat，需要修改App_Start文件夹内的RouteConfig类。在RegisterRoutes方法中，设置默认的控制器为Home，动作（Action）为Chat。这样，当用户访问应用程序时，默认将加载Chat视图。

七、运行效果与解释

完成上述步骤后，运行你的ASP.NET应用程序，你将看到一个简单的聊天窗口。通过SignalR库，你可以实现实时广播消息的功能。当你发送消息时，消息将实时显示在聊天窗口中，并与服务器进行交互。SignalR通过建立一个持久的连接来实现实时通信，使得服务器能够实时向客户端发送消息。这种实时通信的能力使得你的应用程序能够提供更丰富的用户体验。

通过以上步骤，你已经成功地在ASP.NET应用中实现了实时聊天功能。你可以根据需求进一步扩展该功能，例如添加用户身份验证、聊天记录保存等功能。SignalR还提供了许多其他功能，你可以更多以实现更复杂的实时应用程序。在运行结果之前，我想向大家介绍SignalR，一种能够简化Web应用程序实时通信的强大工具。让我们从运行结果开始剖析。当你运行程序时，你会惊奇地发现，无论你在哪个窗口输入信息并发送出去，所有客户端都能接收到这条消息。这一特性在很多应用场景中都非常实用，例如聊天室、实时推送信息以及团队协作工具等。比如我们在日常使用的QQ软件上，当我们一登录账号时，腾讯广告消息便即时推送到我们眼前，这就是SignalR所实现的实时推送效果。那么接下来我们深入了解下SignalR背后的工作原理吧。按照常见的B/S模式来看，当你启动Web页面时，它与SignalR服务之间的连接也随之建立。这一连接过程的核心代码是$.connection.hub.start()。这段代码的主要功能是启动与SignalR服务的连接。一旦连接成功，就会为发送按钮注册一个click事件。当用户在客户端输入内容并点击发送按钮时，这个Click事件就会被触发。触发后执行的代码是chat.server.send($('message').val())。这段代码的意思是调用服务端的send函数。而服务端在接收到Send指令后，会向所有连接的客户端调用sendMessage函数。客户端接收到这一调用后，就会将信息添加到对应的消息列表中。这样，就实现了信息的实时广播功能。看到这里，可能有人会问，前面实现的过程中似乎只涉及到了集线器对象的使用，并没有涉及到持久连接对象的应用。实际上，SignalR的强大之处在于它支持多种连接方式，包括集线器和持久连接。集线器提供了一种简单的实时通信方式，而持久连接则提供了更底层的通信机制。在实际应用中，我们可以根据需求选择使用集线器或持久连接来实现实时通信的功能。无论是哪种方式，SignalR都能帮助我们轻松实现Web应用程序的实时通信需求。SignalR是一种强大而灵活的工具，能够帮助我们快速构建出具有实时通信功能的Web应用程序。无论是实现简单的消息广播还是复杂的实时交互功能，SignalR都能为我们提供强大的支持。在未来，随着Web技术的不断发展，SignalR的应用场景也将越来越广泛。关于SignalR中的ServerHub类及其功能

实际上，ServerHub类作为SignalR的核心组件之一，它的主要作用在于处理客户端与服务端的实时通信。现在让我们深入理解一下这个类及其相关功能。

我们注意到ServerHub类继承了Hub基类，这意味着它可以继承并实现Hub基类的所有功能。此类包含一些关键方法和功能，包括处理客户端连接、发送消息以及生成随机用户名等。

当客户端尝试连接时，会调用ServerHub的OnConnected方法。在这个方法中，我们可以执行一些操作，例如在此处我们通过Trace.WriteLine方法输出一条消息，告知开发者客户端已成功连接。这对于监控客户端连接状态非常有用。此方法是异步的，意味着在执行完毕后不会阻塞其他操作。

接下来是Send方法，这是一个供客户端调用的方法。当客户端需要发送消息时，它会调用此方法。在此方法中，我们首先生成一个随机的用户名（通过GenerateRandomName方法），然后调用所有客户端的sendMessage方法发送该用户名和消息。这意味着SignalR具有广播功能，可以向所有连接的客户端发送消息。

我们还注意到有一个GenerateRandomName的静态方法。此方法用于生成指定长度的随机字符串，主要用于生成随机的用户名或其他标识符。它使用一个包含所有可能字符的数组来生成随机字符串。

关于你提到的“运行页面时，将在输出窗口看到‘客户端连接成功’字样”，这是因为我们在OnConnected方法中输出了这个消息。通过Chrome浏览器的开发者工具（F12），你可以查看网页加载的所有资源，包括SignalR自动生成的JavaScript代码。这就是为什么Chat.cshtml页面需要引入"signalr/hubs"脚本库的原因，因为这个脚本库包含了与ServerHub交互所需的JavaScript代码。

ServerHub类是SignalR中实现实时通信的关键部分。通过理解这个类的功能和结构，我们可以更好地理解和使用SignalR来处理实时通信的需求。希望这次的能帮助你更深入地理解SignalR和ServerHub类的功能和使用方式。四、SignalR在桌面程序中的应用——以Asp为例

在之前的章节中，我们了SignalR在Asp.MVC中的实现方式。现在，我们将通过一个具体的例子来展示SignalR如何在Windows桌面应用程序（如WPF或WinForm）中使用。尽管平台的差异使得实现方式有所不同，但SignalR的核心概念和应用方式依然非常相似。

在桌面应用程序中，我们不再将SignalR服务器寄宿在IIS中，而是将其嵌入到WPF或WinForm客户端中。这意味着SignalR将作为客户端组件在桌面应用程序内部运行，与其他UI元素无缝集成。这种架构使得桌面应用程序能够实时地与其他服务或客户端进行通信，从而实现更丰富的交互体验。

你需要引入SignalR库到你的桌面项目中。这可以通过在项目中包含相应的JavaScript文件来完成，就像在Asp.MVC项目中一样。这里包括两个必要的脚本文件： 和 。这些文件提供了与SignalR服务器通信所需的核心功能。

接下来，我们将SignalR服务端的实现。在桌面应用程序中，服务端不再是传统的Web服务器，而是桌面应用程序本身。你需要使用SignalR的API来创建和管理实时通信连接。这涉及到创建集线器（Hubs），定义客户端和服务端之间的通信协议，以及处理实时数据流。

通过SignalR，桌面应用程序可以实时地接收和发送消息，与其他服务或客户端进行交互。你可以使用SignalR的组功能来管理连接的客户端，实现广播、单点发送等场景。SignalR还提供了持久连接的功能，确保即使在客户端与服务端之间出现短暂的断开连接，也能保持通信的连续性。

SignalR为桌面应用程序提供了强大的实时通信能力。通过简单的集成和配置，你可以实现丰富的交互体验，使你的桌面应用程序更加智能、响应迅速。无论是WPF还是WinForm，SignalR都能为你带来实时的数据交互和通信体验。启动SignalR服务：寄宿在WPF程序中的实时通信核心

在WPF应用程序中启动并配置SignalR服务，是实现实时通信的关键步骤。通过SignalR，我们可以轻松地创建双向通信连接，使客户端与服务器能够进行实时的数据交换。

我们来启动SignalR服务。在StartServer方法中，我们使用WebApp.Start方法启动SignalR服务。如果出现TargetInvocationException异常，表示服务器已运行，我们会向控制台输出相关提示信息，并通过Dispatcher回调设置UI控件状态。如果服务成功启动，我们同样会通过Dispatcher告知UI线程服务已启动，并在控制台输出服务地址。

接下来是SignalR的核心部分——ChatHub类。它继承了Hub类，提供了Send、OnConnected和OnDisconnected等方法。在Send方法中，我们向所有客户端发送名为“addMessage”的消息，包含发送者的名字和消息内容。当客户端连接和断开时，我们会在控制台输出连接ID。

Startup类的Configuration方法用于配置应用程序。在这里，我们调用MapSignalR方法来启用SignalR。尽管这里我们没有启用CORS跨域访问，但在实际项目中，根据需要可以开启这项功能。

在WPF客户端，连接SignalR服务器并进行通信的过程相对简单。我们需要创建一个HubConnection对象，并指定服务器的URL。然后，我们可以调用Start方法启动连接。一旦连接成功，我们就可以调用Server对象上的Send方法来向服务器发送消息。我们可以使用On方法订阅服务器发送的消息事件。当收到消息时，我们可以在UI线程上更新显示内容。

通过这种方式，我们实现了WPF应用程序与SignalR服务的集成。无论是发送消息、处理连接还是管理断开连接，SignalR都为我们提供了简洁而强大的API。这使得在WPF应用程序中实现实时通信变得简单而高效。无论是用于聊天应用、实时数据更新还是其他实时交互场景，SignalR都是一个理想的选择。客户端核心代码与运行效果展示

在WPF应用程序中，SignalR的实现扮演了关键的角色，为实时通信提供了强有力的支持。以下是客户端的核心代码及其运行效果的展示。

一、代码结构概览

代码主要涉及到HubConnection、HubProxy的创建与配置，以及事件处理方法的定义。在窗口启动时，通过ConnectAsync方法初始化连接。当发送按钮被点击时，通过HubProxy调用服务端的Send方法，将消息发送到服务端。

二、核心逻辑

1. 窗口初始化: 在MainWindow的构造函数中，调用InitializeComponent方法初始化界面组件，并在窗口加载时调用ConnectAsync方法建立与服务器的连接。

2. 连接异步方法: ConnectAsync方法中，创建了HubConnection对象并指定ServerUri，创建了HubProxy代理对象，并订阅了AddMessage事件。尝试启动连接，如果连接成功，则显示聊天控件，并启用发送按钮。

3. 发送消息逻辑: 在ButtonSend_Click事件中，通过HubProxy代理调用服务端的Send方法，将消息发送到服务端。服务端收到消息后，会调用客户端的AddMessage方法将消息显示在消息框中。

4. 消息接收逻辑: 通过HubProxy订阅的AddMessage事件，接收服务端发送的消息，并通过Dispatcher将消息添加到RichTextBoxConsole中。

三、运行效果展示

当客户端与服务器成功建立连接后，可以在客户端输入消息并点击发送按钮，服务端收到消息后会处理并返回给客户端。客户端接收到消息后，会在消息框中显示发送者的名称和消息内容。从运行效果来看，其与Asp MVC上的效果是一致的。

四、总结与展望

本篇主要介绍了SignalR在WPF客户端的实现方式，包括核心代码和运行效果展示。本篇实现了SignalR的广播消息功能，接下来将介绍如何使用SignalR实现一对一的聊天功能。希望通过这些介绍，能够帮助刚接触SignalR的朋友快速入门并应用到实际项目中。

五、后续内容预告

在这片土地上，历史的印记如同时间的印记一样清晰。古老的故事与现代的风貌交织在一起，构建了一幅绚丽多彩的画卷。在这片神奇的土地上，你可以感受到那久远的历史气息与现代都市的脉搏跳动。每一处风景、每一个故事都在诉说着这片土地的辉煌与变迁。无论是历史的沉淀还是现代的繁荣，都是这片土地不可或缺的一部分。

当我们深入了解这个世界时，我们会发现它充满了无限的惊喜与机遇。在这片神奇的土地上，无数的人们共同创造着美好的生活。他们用自己的智慧和勤劳，书写着属于自己的故事。每一个故事都是独一无二的，它们汇聚在一起，构建了一个丰富多彩的世界。在这里，我们可以看到人类与自然和谐共生，共同创造着美好的未来。

这个世界也充满了挑战与机遇。在这个充满竞争的时代，我们需要不断学习、进步，才能适应这个快速变化的世界。我们需要用勇气和智慧去面对挑战，去创造更美好的未来。在这个过程中，我们会遇到许多困难与挫折，但只要我们坚定信念、勇往直前，就一定能够实现我们的梦想。

在这片神奇的土地上，每一个角落都充满了生机与活力。让我们一起用心去体验这个世界的美好与神奇。让我们共同创造一个更加美好的未来！此刻，让我们沉浸在这篇文章的魅力之中，感受这个世界的无限魅力！