关于ASP.NET SignalR 解释百度百科是这样说的：

ASP.NET SignalR 是为 ASP.NET 开发人员提供的一个库，可以简化开发人员将实时 Web 功能添加到应用程序的过程。实时 Web 功能是指这样一种功能：当所连接的客户端变得可用时服务器代码可以立即向其推送内容，而不是让服务器等待客户端请求新的数据。

也可以参照微软官方信息：https://dotnet.microsoft.com/apps/aspnet/signalr

我的理解是，客户端以及服务器端进行的实时通讯操作，客户端注册在javascript函数中注册一系列方法，服务器端会主动调用客户端已注册的方法。

比如说：现有三台电脑：A、B、C。服务器调用客户端方法之前，A,B,C必须存在已被注册的方法，服务器才能进行一个调用的操作。

或者这样去理解，服务器端在调用客服端的数据时，要对其进行一个处理，可以说是一个加工、转发的过程吧？？？在信息处理完毕后，服务器端又将处理好的数据发送给客户端进行一个渲染，这样就不再对web页面进行一个刷新，对用户体验度也是不错的，对比ajax异步操作。以前在进行实时通讯是，要通过ajax轮询操作，浏览器不断地发送Http请求给服务器，如果头部数据冗余，还可能会出现意想不到的后果，对用户的体验度也不太友好，所以推出了 WebSockets，它是HTML5提供的新的API。SignalR使用WebSockets，以在Web网页与服务器端间建立Socket连接。

当然你可以去基于ASP.NET MVC或者是WebApi去作SignalR。

创建SignalR项目

Startup类在运行项目时系统会找到这个文件，不然会报错

代码：

using Owin;

namespace SignalRDemo

{

    public class Startup

    {

        public void Configuration(IAppBuilder app)

        {

            //使用SignalR

            app.MapSignalR();

        }

    }

}

MsgHub类中代码：

using Microsoft.AspNet.SignalR;

namespace SignalRDemo

{

    public class MsgHub : Hub

    {

        //在hub中编写的方法，都是要被客户端调用的方法

        public void SendMsg(string name,string txt)

        {

            //服务器主动调用客户端的方法

            //Others：发送给其他人，All发送给所有人（包括自己）

            Clients.All.getMsg(name,txt);

        }

    }

}
Clients：就是客户端的意思，ALL：所有用户，getMsg是客服端以定义的方法
在浏览器中输入以上地址去检验SignalR是否可以使用，如果存在即可是哟：

创建一个Html页面：

<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8" />

    <title></title>

    <!-- 这两个引入的js文件顺序要一致 -->

    <script src="Scripts/jquery-3.4.1.js"></script>

    <script src="Scripts/jquery.signalR-2.2.2.js"></script>

    <!-- 这个文件是测试你的hub是否可用，如果存在，即可用，首先你是找不到这个文件的，这是系统生成的 -->

    <script src="/signalr/hubs"></script>

    <script>

        $(function() {

            $("#btnlogin").click(function() {

                login();

            });

        });

        function login() {

            if ($("#txtName").val().length > 3) {

                sessionStorage.setItem("user",$("#txtName").val());

            }

            else {

                alert('登录失败');

                return;

            }

            serverClient();

        }

        function serverClient() {

            //1.注册服务器连接

            var msgHub = $.connection.msgHub;

            //2.服务端调用客户端方法前客户端先要注册方法 getMsg

            msgHub.client.getMsg = function (name,txt) {

                //服务器给客户端发个内容，客户端接收出来

                var htmltTemplate = `

                    <div>

                        <span>{{name}}</span>

                        <span>{{content}}</span>

                    </div>

                `

                //替换发送的内容

                var html = $(htmltTemplate.replace('{{name}}', name)

                    .replace('{{content}}', txt));

                if (name === sessionStorage.getItem("user")) {

                    html.css({ "color": "red" });

                }

                //prepend 往前追加

                $("#msgList").prepend(html);

            }

            //3.启动连接并绑定处理事件

            // done 连接成功

            // fail 连接失败

            $.connection.hub.start()

                .done(function () {

                    $("#sendBtn").removeAttr("disabled").click(function () {

                        //客户端发送 sendMsg小写

                        msgHub.server.sendMsg(sessionStorage.getItem("user"), $("#txtMsg").val());

                    })

                }).fail(function () {

                })

        }

    </script>

</head>

<body>

    <div id="msgList">

    </div>

    <input type="text" id="txtName"/>

    <input type="text" id="txtMsg"/>

    <button id="btnlogin">登录</button>

    <button id="sendBtn" disabled="disabled">发送信息</button>

</body>

</html>

效果图如下：

以上就是SignalR的小栗子。。。

关于SignalR 进行双向多步对话的更多相关文章

  1. C# BS消息推送 SignalR介绍（一）

    1. 前言 本文是根据网上前人的总结得出的. 环境: SignalR2.x,VS2015,Win10 介绍 1)SignalR能用来持久客户端与服务端的连接,让我们便于开发一些实时的应用,例如聊天室在 ...

  2. SignalR一个集成的客户端与服务器库。内部的两个对象类：PersistentConnection和Hub

    SignalR 将整个交换信息的行为封装得非常漂亮,客户端和服务器全部都使用 JSON 来沟通,在服务器端声明的所有 hub 的信息,都会一般生成 JavaScript 输出到客户端. 它是基于浏览器 ...

  3. SignalR 实现web浏览器客户端与服务端的推送功能

    SignalR 是一个集成的客户端与服务器库,基于浏览器的客户端和基于 ASP.NET 的服务器组件可以借助它来进行双向多步对话. 换句话说,该对话可不受限制地进行单个无状态请求/响应数据交换:它将继 ...

  4. SignalR的安装

    介绍 SignalR 是 ASP.NET 团队正在开发的一个 Microsoft .NET Framework 库和 jQuery 插件,可能包括在以后版本的 ASP.NET 平台中. 它提供了一些前 ...

  5. SignalR安装以及安装问题

    正常节奏 介绍 SignalR 是 ASP.NET 团队正在开发的一个 Microsoft .NET Framework 库和 jQuery 插件,可能包括在以后版本的 ASP.NET 平台中. 它提 ...

  6. SignalR QuickStart

    原文:SignalR QuickStart SignalR 是一个集成的客户端与服务器库,基于浏览器的客户端和基于 ASP.NET 的服务器组件可以借助它来进行双向多步对话. 换句话说,该对话可不受限 ...

  7. 史上最全面的SignalR系列教程-1、认识SignalR

    SignalR 是什么? SignalR 是一个面向 ASP.NET 开发人员的库,可简化将实时 web 功能添加到应用程序的过程. 实时 web 功能是让服务器代码将内容推送到连接的客户端立即可用, ...

  8. Comet：基于 HTTP 长连接的“服务器推”技术解析

    原文链接:http://www.cnblogs.com/deepleo/p/Comet.html 一.背景介绍 传统web请求,是显式的向服务器发送http Request,拿到Response后显示 ...

  9. C# 常用工具合集

    Visual Studio 2013 扩展 Visual Studio 2013 Update 4:是目前微软发布的最新版开发工具升级包,高效而且强大.下面的扩展都是该版本的Visual Studio ...

随机推荐

  1. asp .net core发布订阅kafka

    Kafka是一种高吞吐量的分布式发布订阅消息系统,有如下特性: 通过O的磁盘数据结构提供消息的持久化,这种结构对于即使数以TB的消息存储也能够保持长时间的稳定性能. 高吞吐量:即使是非常普通的硬件Ka ...

  2. 【部分】ASP.NET MVC的Controller接收输入详解

    原文:https://blog.csdn.net/lxrj2008/article/details/79455360 ASP.NET mvc的Controller要正确的响应用户发出的请求就要获取到用 ...

  3. spring bean post processor

    相关文章 Spring 整体架构 编译Spring5.2.0源码 Spring-资源加载 Spring 容器的初始化 Spring-AliasRegistry Spring 获取单例流程(一) Spr ...

  4. css中line-height的理解_介绍line-height实际应用

    一.line-height的定义 css中line-height行高是指文本行基线之间的距离,不同字体,基线位置不同.line-height只影响行内元素和其他行内内容,而不会直接影响块级元素,如果块 ...

  5. CF3D Least Cost Bracket Sequence 题解

    题目 This is yet another problem on regular bracket sequences. A bracket sequence is called regular, i ...

  6. 【板子】数论基础（持续更新ing...）

    #include<cstdio> #include<iostream> #include<cstring> #include<cmath> #inclu ...

  7. Azure Web App (一)发布你的Net Core Web 项目

    一,引言 今天我们看一下Azure上的一个服务-----Web 应用,我们都知道云计算的三大模式:Iaas(基础设施即服务),Paas(平台即服务),Saas(软件即服务). Iass,其实就是虚拟主 ...

  8. Django---进阶1

    目录 静态文件配置 request对象方法初识 pycharm链接数据库(MySQL) django链接数据库(MySQL) Django ORM 字段的增删改查 数据的增删改查 今日作业 静态文件配 ...

  9. day30 继承、派生与多态，类中方法和内置函数

    目录 一.多继承出现的问题(mixins机制) 二.派生与方法重用 三.多态 1 什么是多态 2 为什么要有多态 3 python中多态的鸭子类型 四.绑定方法与非绑定方法 1 绑定方法 1.1对象的 ...

  10. 03 Vue实例成员

    Vue实例 1.el:实例 new Vue({ el: '#app' }) // 实例与页面挂载点一一对应 // 一个页面中可以出现多个实例对应多个挂载点 // 实例只操作挂载点内部内容 2.data ...