SignalR Self Host+MVC等多端消息推送服务(3)

一、概述

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

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

二、创建web客户端

1、新建一个WebClient解决方案

SignalR Self Host+MVC等多端消息推送服务(3)_第1张图片

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

SignalR Self Host+MVC等多端消息推送服务(3)_第2张图片

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

SignalR Self Host+MVC等多端消息推送服务(3)_第3张图片

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

Install-Package Microsoft.AspNet.SignalR.JS
View Code

 SignalR Self Host+MVC等多端消息推送服务(3)_第4张图片

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

@{
    Layout = null;
}

流程演示

"hidden" id="displayname" />

"thisname">

<select id="username" style="width: 100px;"> select>

"text" id="message" /> "send" type="button" value="发送" />

"messgaeInfo">

View Code

SignalR Self Host+MVC等多端消息推送服务(3)_第5张图片

6、在运行我们的web Client项目前,先运行我们前面两章中的serve控制台项目,然后F5运行web Client项目,见如下界面,输入用户名为a的用户登录

SignalR Self Host+MVC等多端消息推送服务(3)_第6张图片

SignalR Self Host+MVC等多端消息推送服务(3)_第7张图片

7、然后打开另一个浏览器,如上步骤,输入b用户登录,a用户选择下拉项中的b(下拉选项在有用户登录时会自动添加新用户进去),b用户选择a,相互之间发送一下信息进行测试,结果如下

SignalR Self Host+MVC等多端消息推送服务(3)_第8张图片

8、如果a、b之间消息传送没问题,证明web端消息传送成功,这个时候打开我们前一章中的Client控制台项目,运行该项目下bin中的Clinet.exe,打卡两个程序,输入登录名为c、b

SignalR Self Host+MVC等多端消息推送服务(3)_第9张图片

SignalR Self Host+MVC等多端消息推送服务(3)_第10张图片

9、用c用户给a发送消息hello a,效果如下

SignalR Self Host+MVC等多端消息推送服务(3)_第11张图片

10、用c用户给b用户发送消息hello b!效果如下,证明control端给web端发送消息成功

SignalR Self Host+MVC等多端消息推送服务(3)_第12张图片

11、用用户d给用户c发送消息,如下图,证明control端消息发送成功

SignalR Self Host+MVC等多端消息推送服务(3)_第13张图片

12、用a给c发送消息,如下图所示

SignalR Self Host+MVC等多端消息推送服务(3)_第14张图片

13、用b给d发送消息,如下图所示,证明web——>control发送消息成功

SignalR Self Host+MVC等多端消息推送服务(3)_第15张图片

由上所示,证明以SignalR做成owin服务,是可以实现多端通信的,而且SignalR单独做成通信服务可以与其他项目分离、解耦。

后期有时间我会继续优化,集成RabbitMQ等

写的不好,第一次写博客,请各位大大多多指教

 

你可能感兴趣的:(SignalR Self Host+MVC等多端消息推送服务(3))