正文

signalr系列教程：signalr快速入门

大壮他哥-专注于营销软件开发  大壮他哥-专注于营销软件开发  2022-07-31  810

关键词：

---恢复内容开始---

本篇是SignalR系列教程的第一篇,本篇内容介绍了如何创建SignalR应用,如何利用SignalR搭建简易的聊天室等,本篇内容参考自:http://www.asp.net/signalr/overview/older-versions/tutorial-getting-started-with-signalr，文中会有我对实例代码的一些理解。

首先我们创建ASP.NET空程序,并使用“程序包管理控制台”执行“Install-PackAge Microsoft.AspNet.SignaLR”安装最新版本的SignaLR。

我们新建一个名为"ChatHub"的类并继承"Hub'类。在类中我们添加一个Send方法

using Microsoft.AspNet.SignalR;

namespace SignalR
{
    public class ChatHub:Hub
    {
        public void Send(string name,string message)
        {
            Clients.All.broadcastMessage(name, message);
        }
    }
}

我们新建一个为名index的html文件并把它设为启动项

<!DOCTYPE html>
<html>
<head>
    <title>SignalR Simple Chat</title>
    <style type="text/css">
        .container {
            background-color: #99CCFF;
            border: thick solid #808080;
            padding: 20px;
            margin: 20px;
        }
    </style>
</head>
<body>
    <div class="container">
        <input type="text" id="message" />
        <input type="button" id="sendmessage" value="Send" />
        <input type="hidden" id="displayname" />
        <ul id="discussion"></ul>
    </div>
    <script src="/Scripts/jquery-1.6.4.min.js"></script>
    <script src="Scripts/jquery.signalR-2.2.0.js"></script>
 
 <script src="/signalr/hubs""></script>

    <script type="text/javascript">
        $(function () {
            var chat = $.connection.chatHub; //这里要对应Hub的派生类
            chat.client.broadcastMessage = function (name, message) {
                //这里方法相当于订阅了chatHub类中的broadcastMessage方法,后台执行后执行打工钱方法
                var encodedName = $('<div />').text(name).html();
                var encodedMsg = $('<div />').text(message).html();
                $('#discussion').append('<li><strong>' + encodedName
                    + '</strong>:  ' + encodedMsg + '</li>');
            };
            $('#displayname').val(prompt('Enter your name:', ''));
            $('#message').focus();
            $.connection.hub.start().done(function () {
                //建立连接成功了绑定发送消息时间
                $('#sendmessage').click(function () {
                    //调用后台的senf方法
                    chat.server.send($('#displayname').val(), $('#message').val());
                    $('#message').val('').focus();
                });
            });
        });
    </script>
</body>
</html>

我们新建一个Startup文件,并在Configuration方法中注册SignalR路由

using Microsoft.Owin;
using Owin;
using SignalR;

[assembly: OwinStartup(typeof(Startup))]

namespace SignalR
{
    public class Startup
    {
        public void Configuration(IAppBuilder app)
        {
            app.MapSignalR();
        }
    }
}

按下F5运行代码,将会提示输入用户名,并可以发送消息

signalr系列教程：服务器广播与主动数据推送

本篇是本系列入门篇的最后一遍,由于工作关系,接触SignalR的时间不是很多。等下次有空的话我会写一个利用“SignalR”开发一个在线聊天室的系列博文。近期的话我更偏向于更新框架设计相关的文章,到时候我会在文章中分... 查看详情

signalr全套系列之在.net6中实现signalr分组通信

【SignalR全套系列】之在.Net6中实现SignalR分组通信【SignalR全套系列】之在.Net6中实现SignalR分组通信查看详情

signalr学习系列4.signalr广播程序

创建项目创建一个空的Web项目，并在Nuget里面添加SignalR，jQueryUI包，添加以后项目里包含了jQuery，jQuery.UI，和SignalR的脚本。服务端代码创建Stock类usingSystem;namespaceSignalRDemo4{publicclassStock{privatedecimal_price;publicstringSymbol{get;se 查看详情

signalr全套系列之在.net6中实signalr通信

...如果觉得本公众号对您有帮助，欢迎关注]前文回顾【SignalR全套系列】之在.NetCore中实现WebSocket双工通信【SignalR全套系列】之在.NetCore中实现Server-SendEvents消息推送【SignalR全套系列】之在.NetCor 查看详情

signalr学习系列3.signalr实时高刷新率程序

创建项目创建一个空的Web项目，并在Nuget里面添加SignalR，jQueryUI包，添加以后项目里包含了jQuery，jQuery.UI，和SignalR的脚本。创建基础应用添加一个SignalRHub类，并命名为MoveShapeHub，更新代码。usingMicrosoft.AspNet.SignalR;usingNewtonsof... 查看详情

signalr入门之多平台signalr服务端

之前创建SignalR服务端是基于Web应用程序而言的。那么能不能把SignalR服务端做成控制台应用程序、Winform或windows服务呢？答案是肯定的。之前尽管看起来好像是IIS和ASP.Net构成托管SignalR服务的唯一环境，但事实上并非如此，很多情... 查看详情

signalr学习系列2.第一个signalr程序

新建项目1.使用VisualStudio2015新建一个Web项目2.选择空模板3.添加一个新的SignalRHubClass(v2)类文件，并修改类名为ChatHub 4.修改ChatHub代码usingSystem;usingSystem.Collections.Generic;usingSystem.Linq;usingSystem.Web;usingMicrosoft.AspNe 查看详情

signalr入门篇

...询技术来获取消息。可访问其官方网站：https://github.com/SignalR/ 获取更多资讯。二，实现机制SignalR的实现机制与.NETWCF或Remoting是相似查看详情

signalr2.1简单入门项目

概述　　SignalR是通讯框架，前台Web页面与后台服务实现数据的交互。ASP.NETSignalR是一个为ASP.NET开发人员的库，简化了将实时web功能添加到应用程序的过程。实时Web功能使服务端代码推送内容到链接可客服端并立即应用成为可能... 查看详情

signalr入门之持久性连接

...并且使用传输在这这样的连接上发送数据，这个用来访问SignalR持久性连接的底层API提供了一个隐藏底层固有复杂性的抽象层。事实上，通过该API访问通信通道和在底层使用Socket方式类似：在服务端，当连接打开或关闭、接受数... 查看详情

如何通过 SignalR 传递复杂对象？

】如何通过SignalR传递复杂对象？【英文标题】：HowtopasscomplexobjectsviaSignalR?【发布时间】：2013-06-2509:26:16【问题描述】：SignalR上有一个很好的教程，它解释了如何将.NET对象作为参数传递给Javascript，反之亦然。在这种情况下，它... 查看详情

signalr的简单使用()

之前提到SignalR代理在网页，通过生成的Js来完成相关的功能。但我不禁想一个问题，难到SignalR的服务端就能寄存在web端吗，通过访问网页能方式才能启动服务，还有客户端也只能在web端吗？经过看官网的教程得到了结论，... 查看详情

初识signalr

先不说SignalR是什么，我们先说它可以干什么，官方的解释是：　　虽然经常以聊天为例，但您可以做更多的事情。使用SignalR使您的ASP.NET应用程序栩栩如生，每当用户刷新网页以查看新数据，或者该页面实施Ajax长轮询来检索新... 查看详情

来自控制器的 SignalR 调用

】来自控制器的SignalR调用【英文标题】：SignalRcallfromcontroller【发布时间】：2020-12-2213:04:28【问题描述】：我需要将字符串从我的控制器传递到signalR集线器并让它在我的页面上呈现。我已经按照以下位置的聊天教程进行操作：htt... 查看详情

SignalR 自托管 Windows 服务，监听消息

】SignalR自托管Windows服务，监听消息【英文标题】：SignalRselfhostedwindowsservice,listeningformessages【发布时间】：2015-09-2507:06:06【问题描述】：我正在尝试构建一个自托管SignalR的Windows服务。我已经阅读了SignalRSelf-HostonASP.Net等教程我注... 查看详情

客户端未收到 SignalR 消息

】客户端未收到SignalR消息【英文标题】：SignalRmessagenotbeingreceivedontheclient【发布时间】：2013-05-2103:32:46【问题描述】：我一直试图让我的WPF客户端应用程序接收WCF服务发送的SignalR消息。我已经尝试了很多东西，现在已经求助于... 查看详情

协商后跨源 SignalR 连接停止

】协商后跨源SignalR连接停止【英文标题】：CrossoriginSignalRconnectionstopsafternegotiate【发布时间】：2015-04-2121:08:20【问题描述】：我有一个MVC5应用程序提供视图，还有一个WebAPI2应用程序作为服务层(.NET4.5)。WebAPI应用程序使用SignalR2.1... 查看详情

连接到 Windows 服务中自托管的 SignalR 的问题

】连接到Windows服务中自托管的SignalR的问题【英文标题】：ProblemstoconnecttoaSignalRSelf-HostedinaWindowsService【发布时间】：2015-04-2212:31:16【问题描述】：我一直在尝试连接到本教程中创建的Windows服务：http://www.asp.net/signalr/overview/deployme... 查看详情