SignalR网页实时推送

简介: 1.新建项目,选择mvc4 Wed应用程序,选择Internet,视图引擎:Razor2.在控制器中添加并添加上视图3.引用(install-package Microsoft.AspNet.SignalR)4.

1.新建项目,选择mvc4 Wed应用程序,选择Internet,视图引擎:Razor
img_1581b895878cad34b2f5cbf9cea2ee41.png

2.在控制器中添加
img_07c65487fbe24a1d416d16eaf9a582e9.png

并添加上视图

3.引用(install-package Microsoft.AspNet.SignalR)
img_a7440de847296b55104dea9b0c7aa9a1.png

4.添加Startup
img_e62184517bd9d20570f79fbd91b0bd98.png

img_b2b664e997509ae47499589705b71663.png

项目名

5.新建Hubs文件夹,添加ChatHub类
img_f8d875014cf8eea660fa4ee5160b3a6d.png

6.Chat的视图
img_d7106cc912f211690b034d0242d4dc74.png

img_317b989eded316c63d6aa58574abbabe.png

代码:Chat视图
@{
ViewBag.Title = "Chat";
}

SignalR








@section scripts {
@ @

<script>
    $(function () {
        // 1.ChatHub.cs类
        var chat = $.connection.chatHub;

// 2.Chat里的[HubName("asd")](1和2一样)
//var chat = $.connection.asd;
// 调用addNewMessageToPage显示信息
chat.client.addNewMessageToPage = function (name, message) {
// 把消息添加到页面
//$('#discussion').append('

' + htmlEncode(name)
// + '
: ' + htmlEncode(message) + '');
$('#discussion').append(' ' + $('
').text(name).html()
+ '
: ' + $('
').text(message).html() + '');
};
// 获取昵称
$('#displayname').val(prompt('昵称:', ''));
// 输入框焦点
$('#message').focus();
// 启动链接
$.connection.hub.start().done(function () {
$('#sendmessage').click(function () {
// 调用Send方法
chat.server.send($('#displayname').val(), $('#message').val());
// 清空输入框,并加上焦点
$('#message').val('').focus();
});
});
});
//
//function htmlEncode(value) {
// var encodedValue = $('
').text(value).html();
// return encodedValue;
//}

}

作者:YanBigFeg —— 颜秉锋

出处:http://www.cnblogs.com/yanbigfeg

本文版权归作者和博客园共有,欢迎转载,转载请标明出处。如果您觉得本篇博文对您有所收获,觉得小弟还算用心,请点击右下角的 [推荐],谢谢!

目录
相关文章
|
Web App开发 前端开发 数据库
基于comet服务器推送技术(web实时聊天)
http://www.cnblogs.com/zengqinglei/archive/2013/03/31/2991189.html Comet 也称反向 Ajax 或服务器端推技术.其思想很简单:将数据直接从服务器推到浏览器,而不必等到浏览器请求数据。
1916 0
|
移动开发 JavaScript 前端开发
|
前端开发 PHP 数据格式
PHP与反ajax推送,实现的消息实时推送功能
index.html 反ajax推送 .send{color:#555;text-align: left;} .require{color:blue;text-align: right;} .
1179 0
|
程序员 C#
【C#】SignalR之主动推送信息的简单解决方案
在本篇文章中,将讲讲C#如何使用SignalR通讯 Core下的SignalR实现原理一样,只是写法不一样,主动推送消息的场景使用:页面登录后台管理系统,最新订单信息的通知等
361 0
|
10月前
|
监控 JavaScript API
局域网监控软件的实时通知系统:利用Node.js和WebSocket实现即时消息推送
本文介绍了如何使用Node.js和WebSocket构建局域网监控软件的实时通知系统。实时通知对于网络安全和家庭监控至关重要,能即时发送监控数据变化的通知,提高响应速度。通过Node.js创建WebSocket服务器,当数据变化时,监控软件发送消息至服务器,服务器随即推送给客户端。此外,还展示了如何利用Node.js编写API,自动将监控数据提交到网站,便于用户查看历史记录,从而提升监控体验。
232 3
|
JavaScript
js仿通知栏新消息实时推送更新效果
js仿通知栏新消息实时推送更新效果
87 0
|
JavaScript 数据格式 XML
|
Web App开发 JavaScript 应用服务中间件
Case 5 一键安装JS SDK 网页版WebRTC 网页 SIP客户端 语音通话,可以做web坐席
一键安装JS SDK 网页版WebRTC 网页 SIP客户端 语音通话,可以做web坐席
662 0
Case 5 一键安装JS SDK 网页版WebRTC 网页 SIP客户端 语音通话,可以做web坐席
|
Web App开发 前端开发 JavaScript
SignalR来做实时Web聊天
本章和大家分享的内容是使用Signal R框架创建个简易的群聊功能,主要讲解如何在.Net的MVC中使用这个框架,由于这个项目有官方文档(当然全英文),后面也不打算写分享篇了,主要目的是让朋友们在需要使用Web实时通信的时候有更多一种解决方案,毕竟这是微软主推的一种解决方案之一。
1289 0