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

这里将重现官网,广播聊天的程序

(参考地址:https://docs.microsoft.com/en-us/aspnet/signalr/overview/getting-started/tutorial-getting-started-with-signalr)

1.添加signalr程序集,打开nuget程序包控制台,输入如下命令:

>install-package microsoft.aspnet.signalr

2.修改Startup.cs ->Configuration方法,如下

     public void Configuration(IAppBuilder app)

        {

            //模仿站点配置

            HttpConfiguration config = new HttpConfiguration();

            //添加站点路由

            config.Routes.MapHttpRoute(

                name: "DefaultApi",

                routeTemplate: "api/{controller}/{action}/{id}", //这里为了类MVC特别加入了{action}

                defaults: new { id = RouteParameter.Optional });

            app.MapSignalR();//添加

            app.UseWebApi(config);

        }

3.新建类ChatHub.cs添加如下代码:

using Microsoft.AspNet.SignalR;

using System;

using System.Collections.Generic;

using System.Linq;

using System.Text;

using System.Threading.Tasks;

namespace TestProgram

{

   public class ChatHub:Hub

    {

        public void Send(string name,string message)

        {

            Clients.All.broadcastMessage(name, message);

        }

    }

}

4.修改Index.html如下:

<!doctype html>

<html>

<head>

    <title>signalr simple chat</title>

    <style type="text/css">

        .container {

            background-color: #99ccff;

            border: thick solid #;

            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 references. -->

    <!--reference the jquery library. -->

    <script src="getresource?filename=scripts/jquery-1.6.4.min.js"></script>

    <!--reference the signalr library. -->

    <script src="getresource?filename=scripts/jquery.signalr-2.2.2.min.js"></script>

    <!--reference the autogenerated signalr hub script. -->

    <!--这个js是SignalR动态生成的,可以直接访问-->

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

    <!--add script to update the page and send messages.-->

    <script type="text/javascript">

        $(function () {

            // declare a proxy to reference the hub.

            var chat = $.connection.chatHub;

            // create a function that the hub can call to broadcast messages.

            chat.client.broadcastmessage = function (name, message) {

                // html encode display name and message.

                var encodedname = $('<div />').text(name).html();

                var encodedmsg = $('<div />').text(message).html();

                // add the message to the page.

                $('#discussion').append('<li><strong>' + encodedname

                    + '</strong>:&nbsp;&nbsp;' + encodedmsg + '</li>');

            };

            // get the user name and store it to prepend to messages.

            $('#displayname').val(prompt('enter your name:', ''));

            // set initial focus to message input box.

            $('#message').focus();

            // start the connection.

            $.connection.hub.start().done(function () {

                $('#sendmessage').click(function () {

                    // call the send method on the hub.

                    chat.server.send($('#displayname').val(), $('#message').val());

                    // clear text box and reset focus for next comment.

                    $('#message').val('').focus();

                });

            });

        });

    </script>

</body>

</html>

此时,项目结构如下:

5.打开浏览器,新建两个标签,输入:http://localhost:9009/index/index,按照提示,操作:

两个标签页可以互相实时通讯,实现了客户端到服务端,服务端到所有客户端的调用(RPC 远程过程调用),由于SignalR采用的是长连接webSocket所以,实时性很高!

新建一个self hosted Owin+ SignalR Project(2)的更多相关文章

  1. 新建一个self hosted Owin+ SignalR Project(1)

    OWIN是Open Web Server Interface for .Net 的首字母缩写,他的定义如下: OWIN在.NET Web Server 与Web Application之间定义了一套标 ...

  2. Eclipse中在android项目中出现新建一个Activity后，出现整个project的报错以及包导入以后无法执行等等情况分析。

    今天用Eclipse去写android项目,然后后面须要建一个Blank  Activity后,非常正常的建立的.然后那个Activity是基于ActionBarAtivity,要导入v7,结果由于这 ...

  3. 18 12 30 新建一个 django project

    1. 新建一个 django project 1 2 django-admin.py startproject project_name 特别是在 windows 上,如果报错,尝试用 django- ...

  4. android studio 导入一个已有的android studio project作为lib使用

    android studio 导入一个已有的android studio project作为lib使用 新项目来了. 需要搭建框架. android studio对我来说还是很陌生,之前一个项目在同事 ...

  5. zynq学习01 新建一个Helloworld工程

    1,好早买了块FPGA板,zynq 7010 .终极目标是完成相机图像采集及处理.一个Window C++程序猿才开始学FPGA,一个小菜鸟,准备转行. 2,关于这块板,卖家的官方资料学起来没劲.推荐 ...

  6. Android学习笔记（一）——新建一个项目

    //此系列博文是<第一行Android代码>的学习笔记,如有错漏,欢迎指正! 1.打开Android Studio时出现以下界面,点击”start a new Android Studio ...

  7. 第一次使用Android Studio时你应该知道的一切配置（二）：新建一个属于自己的工程并安装Genymotion模拟器

    [声明] 欢迎转载,但请保留文章原始出处→_→ 生命壹号:http://www.cnblogs.com/smyhvae/ 文章来源:http://www.cnblogs.com/smyhvae/p/4 ...

  8. 新建一个mybatis HelloWorld

    1.下载mybatis https://github.com/mybatis/mybatis-3/ 没有梯子好像打不开 下载一个最新版本,我这里下载的是mybatis-3.4.1.zip 里面有myb ...

  9. Intellij IDEA 新建一个EJB工程（三）

    之前都是用IDEA启动JBoss服务器,并在启动的同时将EJB项目部署上去.在构建 artifacts 时遇到很多问题,明明是EJB项目却不能用EJB导出,真是奇怪~~ 后来用Web Applicat ...

随机推荐

  1. Flutter 获取控件尺寸和位置

    1. 插件必须渲染好, final RenderBox box = globalKey.currentContext.findRenderObject(); final size = box.size ...

  2. day02编程语言，Python语言介绍，Python解释器安装，环境变量，Python代码执行，pip，应用程序使用文件的三步骤，变量，变量的三大组成，比较，pycharm

    复习 重点: 1.进制转换:二进制 与十六进制 2.内存分布:栈区 与堆区 # 二进制1111转换十六进制 => 8 4 2 1 => f 10101100111011 => 2a7 ...

  3. 【BZOJ1485】有趣的数列

    Description 我们称一个长度为2n的数列是有趣的,当且仅当该数列满足以下三个条件: (1)它是从1到2n共2n个整数的一个排列{ai}: (2)所有的奇数项满足a1<a3<…&l ...

  4. java的一些基本概念——java11、jdk、jre、jvm等

    Java字节码 先介绍下c语言的编译过程,写好代码用编译器(比如gcc)编译过后是机器能够直接执行的二进制机器码. java也类似这种情况,但是java代码文件编译过后不是任何机器都能识别的机器码,而 ...

  5. MG90S 舵机 使用方法 树莓派

    来源 舵机的控制信号为周期是 20ms 的脉宽调制(PWM)信号,其中脉冲宽度从 0.5ms-2.5ms,相对应舵盘的位置为 0-180 度,呈线性变化. 也就是说,给它提供一定的脉宽,它的输出轴就会 ...

  6. 【SMTP】常见错误码

    '* 邮件服务返回代码含义 '* 500 格式错误,命令不可识别(此错误也包括命令行过长) '* 501 参数格式错误 '* 502 命令不可实现 '* 503 错误的命令序列 '* 504 命令参数 ...

  7. 网络3-Jsonp

    解决跨域问题的几种办法 1.Flash (不做讨论) 2.服务器代理中转 3.Jsonp 4.document.domain(针对基础域名相同的情况)bj.58.com document.domain ...

  8. Docker——入门实战

    I. Docker简介Docker是一种新兴的虚拟化技术,能够一定程度上的代替传统虚拟机.不过,Docker 跟传统的虚拟化方式相比具有众多的优势.我也将Docker类比于Python虚拟环境,可以有 ...

  9. HashMap 和 HashTable差别

    代码版本 JDK每一版本都在改进.本文讨论的HashMap和HashTable基于JDK 1.7.0_67.源码见这里 1. 时间 HashTable产生于JDK 1.1,而HashMap产生于JDK ...

  10. php 按照中文字母名字排序，并把相应的头像显示出来

    //排序public function getFirstChar($s){ $s0 = mb_substr($s,0,3); //获取名字的姓 $s = iconv('UTF-8','gb2312', ...