SignalR系列教程：SignalR快速入门

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

本篇是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运行代码,将会提示输入用户名,并可以发送消息

转载于:https://www.cnblogs.com/dazhuangtage/p/5638946.html

SignalR系列教程：SignalR快速入门相关推荐

2021年最新最全Flink系列教程_Flink快速入门(概述,安装部署)(一)(JianYi收藏)
文章目录引言相关教程直通车: day01_Flink概述.安装部署和入门案例今日目标 Flink概述什么是批处理和流处理为什么需要流计算 Flink的发展史 Flink的官方介绍 Flink ...
涂鸦蓝牙SDK开发系列教程——1.快速入门
本系列课程将介绍如何使用涂鸦蓝牙模组及其 SDK 进行产品开发,帮助开发者更快掌握涂鸦蓝牙模组.涂鸦蓝牙 SDK.涂鸦 IoT 平台.涂鸦三明治开发套件.涂鸦云模组烧录授权平台等开发工具的使用方 ...
涂鸦Zigbee SDK开发系列教程——3.快速入门
在涂鸦 IoT 平台上创建产品完成且搭建好开发环境后就可以进行应用开发了.本章节将会通过对提供的 demo 进行简单修改,带你快速体验如何通过编写涂鸦模组固件实现对产品的智能化开发. demo 功能介 ...
【spring authorization server系列教程】(一)入门系列，spring authorization server简介。快速构建一个授权服务器（基于最新版本0.3.0）
系列文章目录 [spring authorization server系列教程](一)入门系列,快速构建一个授权服务器文章目录系列文章目录前言一.目前已实现的功能二.入门,一步一步快速开始构 ...
嗨CE系列教程全套（入门，进阶，高阶）游戏驱动反调试
嗨CE系列教程全套(入门,进阶,高阶)游戏驱动反调试等 1.入门教程5课 1.如何修改游戏 2.快速找到基址和指针 3.通过一个地址快速找到其他地址 4.制作一个简易修改器 5.一些重要的小技巧和理论 ...
Python零基础入门教程（快速入门）
前言学无止境,无止境学. 今天要给大家分享的是<Python零基础入门教程01 快速入门>,这是一个系列的教程,从零基础到项目实战.在本教程中,我会给大家介绍Python入门的一些基础知 ...
Tomcat 教程之快速入门
Tomcat 教程之快速入门版本说明本文使用 Tomcat 版本为 Tomcat 8.5.24. Tomcat 8.5 要求 JDK 版本为 1.7 以上. 简介 Tomcat 是什么 Tomca ...
ArcGIS教程——ArcGIS快速入门
实例数据:https://pan.baidu.com/s/184wwCmWrJdb-qjxsT614EQ 密码:dowv ArcGIS for Desktop是一套完整的专业GIS应用程序,包含有Ar ...
tensorflow2.0教程- Keras 快速入门
tensorflow2.0教程-tensorflow.keras 快速入门 Tensorflow 2.0 教程持续更新: https://blog.csdn.net/qq_31456593/artic ...

SignalR系列教程：SignalR快速入门

SignalR系列教程：SignalR快速入门相关推荐

最新文章

热门文章