关于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. 入门大数据---ClouderaManager和CDH是什么？

    1.CDH概述 CDH(Cloudra's Distribution Apache Of Hadoop)是Apache Hadoop和相关项目的最完整,经过测试和最流行的发行版.CDH提供Hadoop ...

  2. 在Github上建立自己的个人主页

    目录 注册Github账号 登录Github账号 建立新仓库 选择个人主页的主题 注册Github账号 首先打开Github的主页(https://github.com/),点击右上角的sign up ...

  3. 如何判断一个String字符串不为空或这不为空字符串

    如何判断一个String字符串不为空或这不为空字符串 转载兵哥LOVE坤 最后发布于2018-07-27 00:00:05 阅读数 5144  收藏 展开 1.校验不为空:   String str ...

  4. CodeForces 3 D.Least Cost Bracket Sequence【贪心+优先队列】

    Description 给出一个括号序列,中间有一些问号,将第i个问号换成左括号代价是a[i],换成右括号代价是b[i],问如果用最少的代价将这个括号序列变成一个合法的括号序列 Input 第一行一个 ...

  5. IIS 发布页面后或者vs平台运行后显示“未能加载文件或程序集“WebApi”或它的某一个依赖项。试图加载格式不正确的程序。”

    一般情况下出现这样的问题是因为.dll文件不存在或者路径不正确. 但今天我遇到的情况都不在这两个内. 我确定.dll文件是存在的,路径也是正确的. 但是程序死活都是“未能加载文件或程序集“xxx”或它 ...

  6. 报错 500 - Request processing failed; nested exception is com.alibaba.dubbo.rpc.RpcException的解决放案

    版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明.本文链接:https://blog.csdn.net/loveliness_peri/artic ...

  7. ZooKeeper 数据模型：节点的特性与应用

    zk的基础知识基本分为三大模块 数据模型 ACL 权限控制 Watch 监控 数据模型 默认配置文件 # The number of milliseconds of each tick tickTim ...

  8. 收藏python开发各种资源官方文档

    http://json.cn/ https://cn.bing.com/ https://processon.com/ https://docs.djangoproject.com/en/1.11/r ...

  9. （私人收藏）java实例、知识点、面试题、SHH、Spring、算法、图书管理系统、综合参考

    https://pan.baidu.com/s/1hkmgJU6pf2sBjNV1NlOaNgr6l2 Java趣味编程100例java经典选择题100例及答案java面试题大全java排序算法大全j ...

  10. 性能测试之Jmeter中场景设置与启动方式

    Jmeter场景设置与启动方式 性能测试场景是用来模拟模拟真实用户操作的工作单元,所以场景设计一定要切合用户的操作逻辑,jmeter主要是通过线程组配合其他组件来一起完成场景的设置. 线程组设置 Jm ...