关于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. zabbix4.4安装

    本安装操作系统为centos7.5. 安装前准备: 1.1 安装依赖包: yum -y install wget net-snmp-devel OpenIPMI-devel httpd openssl ...

  2. 【Xamarin.Forms 2】App基础知识与App启动

    系列目录 1.[Xamarin.Forms 1]App的创建与运行 引言 本篇文章将介绍Xamarin.Forms中 App 基础知识和 App的启动. 开发环境 Visual Studio 2019 ...

  3. 《UNIX环境高级编程》(APUE) 笔记第一章 - UNIX基础知识

    1 - UNIX基础知识 Github 地址 1. 操作系统 可将操作系统定义为一种软件,它控制计算机硬件资源,提供程序运行环境.通常将这种软件称为 内核 (kernel) .( Linux 是 GN ...

  4. numpy模块&pandas模块

    目录 numpy模块 pandas模块 numpy模块 import pandas as pd import numpy as np df=pd.Series(np.array(['a','b'])) ...

  5. apache frpClien操作报错解决

    #打开配置文件vim /etc/vsftpd/vsftpd.conf #修改配置100行chroot_local_user=NO

  6. Oracle Solaris 11.4安装桌面/gdb

    文章目录 1. 说明 2. 挂载镜像 3. 安装桌面 4. 安装gdb 5. 重启OS 1. 说明 该文承接上文Solaris 11.4安装,映像包管理系统(IPS)搭建. Solaris 11.4的 ...

  7. 前端开发，页面加载速度性能优化，如何提高web页面加载速度

    一个网页访问速度的快慢,  不仅看它服务器的配置,这里除去你空间主机配置很烂的情况以外,我们从网站开发方面来探讨,前端技术需要从哪些方面提高访问的速度,需要用到哪些技术手段. 文件的加载 图标的加载: ...

  8. .NET 开源项目 StreamJsonRpc 介绍[中篇]

    阅读本文大概需要 11 分钟. 上一篇介绍了一些预备知识,包括 JSON-RPC 介绍和实现了 JSON-RPC 的 StreamJsonRpc 介绍,讲到了 StreamJsonRpc 可以通过 . ...

  9. 洛谷P2602 [ZJOI2010]数字计数 题解

    题目描述 输入格式 输出格式 输入输出样例 输入样例 1 99 输出样例 9 20 20 20 20 20 20 20 20 20 说明/提示 数据规模与约定 分析 很裸的一道数位DP的板子 定义f[ ...

  10. JavaScript学习 Ⅵ (正则表达式)

    十三. 正则表达式 正则表达式用于定义一些字符串的规则,计算机可以根据正则表达式,来检查一个字符串是否符合规则,将字符串中符合规则的内容提取出来. 创建正则表达式对象 构造函数 var reg = n ...