Nginx+SignalR+Redis(一)

Nginx+SignalR+Redis(一)

MVC中SignalR服务端搭建

前言， SignalR即时通讯功能里面有一些前端的类库不是我自己写的，我是大自然的搬运工。我只是改吧改吧

最终效果演示

没个GIF的演示我会拿出来秀？

看上去是不是感觉还可以？ 那下面我讲解一下开发步骤。

创建MVC项目

 

为MVC项目在NuGet中引用SignalR

这里用到了NuGet，网上也有很多资源讲解怎么使用这个。我这里只大概讲解一下。首先打开[工具]-[NuGet 程序包管理器]-[管理解决方案的 NuGet 程序包]

 

接下来在出现的界面中将程序包源改成：联机，然后搜索SignalR。接下来自行解决~.~

使用SignalR

需要通过Startup类来配置OWIN程序，所以要在项目中加入一个OWIN Startup类

 

创建好之后配置注入Redis，设置跨域，并开启SignalR其中细节不一一介绍

好了下面，我们再为SignalR创建一个集线器Hubs，我的习惯是在项目中创建一个Hubs目录，然后把需要创建的HubClass放到里面。下面先在项目中创建一个Hubs目录，再在目录上单击右键选择[添加]-[新建项]选择[SignalR 集线器类]

 

点击确定，再把新建的HubClass中的Hello函数干掉。然后在类上增加一个特性：[HubName("systemHub")]。既然是要聊天那么自然离不开用户，为了方便管理我建立了一个用户的实体类UserDetail

既然用户类有了，那么我们可以在Hub里面创建一个用户池，用来管理在线用户。

可以将用户池保存至Redis

现在用户池有了，下面需要实现三个功能就能进行登录、上线、下线、私聊操作了。这是下面的逻辑处理代码：

我这里写的逻辑只是一个简单的示例，这个可以根据自己的想法和需求任意发挥。至此SignalR服务端已经建立完毕。

下面开始建立SignalR浏览器客户端在解决方案上右键单击添加新建项目,如下图所示

页面视图引入一下js

其中<script src="http://localhost:8080/signalr/hubs"></script>是signalr服务端地址

一下为页面signalr的js介绍

//实例SystemHub，首字母必须小写才能调用

var systemHub = $.connection.systemHub;

//开始链接到集线器

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

     //调用服务端函数Connect（首字母小写）以及传递客户端参数进行上线操作

    systemHub.server.connect(userid, username, deptname);

  });

  //新用户上线

  systemHub.client.onNewUserConnected = function (id, userID, userName, deptName, loginTime) {

     //定义onNewUserConnected客户端函数供服务端调用

};

 //用户离线

 systemHub.client.onUserDisconnected = function (id, userName) {

     //定义onUserDisconnected客户端函数供服务端调用

 };

 //发送消息时，对方已不在线

 systemHub.client.absentSubscriber = function () {

     //定义absentSubscriber客户端函数供服务端调用

 };

 //接收消息

 systemHub.client.receivePrivateMessage = function (fromUserId, useame, message) {

     //定义receivePrivateMessage客户端函数供服务端调用

 };

 //发送消息

 systemHub.server.sendPrivateMessage(ChatCore.nowchat.id, data.content);

关于MVC中使用SignalR的介绍也详细描述了