SignalRSelfHost多端消息推送服务介绍

来源：动视网责编：小OO 时间：2020-11-27 14:14:00

SignalRSelfHost多端消息推送服务介绍

一、概述；最近项目确实太忙，而且身体也有点不舒服，慢性咽炎犯了，昨晚睡觉时喘不过气来，一直没休息好，也没什么时间写博客，今天朋友问我什么时候能出web端的消息发送的文章时，我还在忙着改项目的事，趁着中午吃饭和午休的时间，赶紧补上之前欠下的文章。这章主要是实现多端消息相互通信的简单demo，mvc的web端发送信息到control端等。二、创建web客户端。1、新建一个WebClient解决方案。2、在WebClient解决方案下新建一个名为Clinet mvc项目。3、根据自己实际情况选择对应的项目模板，这里为了做演示，选择Internet应用程序。4、在vs中打卡程序包管理器控制台，输入以下代码。

推荐度：

点击下载本文 文档为doc格式

导读一、概述；最近项目确实太忙，而且身体也有点不舒服，慢性咽炎犯了，昨晚睡觉时喘不过气来，一直没休息好，也没什么时间写博客，今天朋友问我什么时候能出web端的消息发送的文章时，我还在忙着改项目的事，趁着中午吃饭和午休的时间，赶紧补上之前欠下的文章。这章主要是实现多端消息相互通信的简单demo，mvc的web端发送信息到control端等。二、创建web客户端。1、新建一个WebClient解决方案。2、在WebClient解决方案下新建一个名为Clinet mvc项目。3、根据自己实际情况选择对应的项目模板，这里为了做演示，选择Internet应用程序。4、在vs中打卡程序包管理器控制台，输入以下代码。

这篇文章主要为大家详细介绍了SignalR Self Host+MVC等多端消息推送服务的第三篇，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

一、概述

最近项目确实太忙，而且身体也有点不舒服，慢性咽炎犯了，昨晚睡觉时喘不过气来，一直没休息好，也没什么时间写博客，今天朋友问我什么时候能出web端的消息发送的文章时，我还在忙着改项目的事，趁着中午吃饭和午休的时间，赶紧补上之前欠下的文章。

这章主要是实现多端消息相互通信的简单demo，mvc的web端发送信息到control端等。

二、创建web客户端

1、新建一个WebClient解决方案

2、在WebClient解决方案下新建一个名为Clinet mvc项目

3、根据自己实际情况选择对应的项目模板，这里为了做演示，选择Internet应用程序

4、在vs中打卡程序包管理器控制台，输入以下代码

Install-Package Microsoft.AspNet.SignalR.JS

5、修改项目中Views下Homge文件夹中的Index.cshtml文件代码，如下

@{
 Layout = null;
}

<h1>流程演示</h1>
<input type="hidden" id="displayname" />
<h2 id="thisname"></h2>

<select id="username" style="width: 100px;">
</select>
<br />
<br />
<input type="text" id="message" />
<input id="send" type="button" value="发送" />
<p>
 <h1 id="messgaeInfo"></h1>
</p>
<script src="~/Scripts/jquery-1.8.2.min.js"></script>
<script src="~/Scripts/jquery.signalR-2.2.1.min.js"></script>
<script src="http://localhost:10086/signalr/hubs"></script>
<script type="text/javascript">
 $(function () {
 $.connection.hub.url = 'http://localhost:10086/signalr';
 var work = $.connection.IMHub;
 
 $('#displayname').val(prompt('请输入昵称:', ''));
 $('#thisname').text('当前用户：' + $('#displayname').val());
 var fromUser = $('#displayname').val();

 //对应后端的SendMessage函数，消息接收函数
 work.client.receivePrivateMessage = function (user, message) {
 //alert(message);
 $('#messgaeInfo').append(message + '</br>');
 };

 //后端SendLogin调用后，产生的loginUser回调
 work.client.onConnected = function (connnectId, userName, OnlineUsers) {
 reloadUser(OnlineUsers);
 };

 //hub连接开启
 $.connection.hub.start().done(function () {
 var username = $('#displayname').val();
 //发送上线信息
 work.server.register(username);

 //点击按钮，发送消息
 $('#send').click(function () {
 var friend = $('#username').val();
 //调用后端函数，发送指定消息
 work.server.sendPrivateMessage(friend, $("#message").val());
 });
 });
 });

 //重新加载用户列表
 var reloadUser = function (userlist) {
 $("#username").empty();
 for (i = 0; i < userlist.length; i++) {
 $("#username").append("<option value=" + userlist[i].UserName + ">" + userlist[i].UserName + "</option>");
 }
 }
</script>