signalR+redis分布式聊天服務器搭建

作者：yangxing 2017-03-13 14:02:10

開發后端 Redis 分布式

最近在搞一個直播項目需要聊天服務器，之前是以小打小鬧來做的，并沒有想太多就只有一臺服務器。前幾天一下子突然來了5000人，服務器瞬間gg，作為開發人員的我很尷尬！這就是我們這篇文章的背景。

我使用的是C# Mvc4.0 來開發的，這里還需要一個redis 至于你是windows版本還是Linux版本我就不管了，反正是要有個地址一個端口，密碼根據實際情況填寫。

我這里用一個demo來展現分布式的情況https://git.oschina.net/908Sharp/signalR-multi-Server.git

***步：新建兩mvc項目

從nuget 中添加以下幾個包

Install-Package Microsoft.AspNet.SignalR

Install-Package Microsoft.AspNet.SignalR.Redis

install-package Microsoft.Owin.Cors

第二步：在App_Start目錄中添加Owin StartUp類

public void Configuration(IAppBuilder app)
{
GlobalHost.DependencyResolver.UseRedis("127.0.0.1", 6379, string.Empty, "SignalRBus");
app.Map("/signalr", map =>
{
map.UseCors(CorsOptions.AllowAll);

var hubConfiguration = new HubConfiguration
{
EnableJSONP = true
};
map.RunSignalR(hubConfiguration);
});
}

注意引用的包啊，騷年們。

第三步：添加ChatHub 類

[HubName("chat")]
public class ChatHub:Hub
{
public void Chat(string msg)
{
Clients.All.Display("Receive Msg:" + msg);
}

}

后端就算完成了。

第四步：前端頁面的創建

記住我上面說的demo是兩個站哦，代碼都一樣的，正式環境的時候我們肯定是一份代碼在不同服務器上部署，指向同一個redis地址

***我說一下<script src="/Scripts/hub.js"></script> 這個東西是自動生成的，你也可以手動指定，我還是把代碼貼出來吧。你也可以F12自己去看。

/*!
* ASP.NET SignalR JavaScript Library v2.2.1
* http://signalr.net/
*
* Copyright (c) .NET Foundation. All rights reserved.
* Licensed under the Apache License, Version 2.0. See License.txt in the project root for license information.
*
*/

/// <reference path="..\..\SignalR.Client.JS\Scripts\jquery-1.6.4.js" />
/// <reference path="jquery.signalR.js" />
(function ($, window, undefined) {
/// <param name="$" type="jQuery" />
"use strict";

if (typeof ($.signalR) !== "function") {
throw new Error("SignalR: SignalR is not loaded. Please ensure jquery.signalR-x.js is referenced before ~/signalr/js.");
}

var signalR = $.signalR;

function makeProxyCallback(hub, callback) {
return function () {
// Call the client hub method
callback.apply(hub, $.makeArray(arguments));
};
}

function registerHubProxies(instance, shouldSubscribe) {
var key, hub, memberKey, memberValue, subscriptionMethod;

for (key in instance) {
if (instance.hasOwnProperty(key)) {
hub = instance[key];

if (!(hub.hubName)) {
// Not a client hub
continue;
}

if (shouldSubscribe) {
// We want to subscribe to the hub events
subscriptionMethod = hub.on;
} else {
// We want to unsubscribe from the hub events
subscriptionMethod = hub.off;
}

// Loop through all members on the hub and find client hub functions to subscribe/unsubscribe
for (memberKey in hub.client) {
if (hub.client.hasOwnProperty(memberKey)) {
memberValue = hub.client[memberKey];

if (!$.isFunction(memberValue)) {
// Not a client hub function
continue;
}

subscriptionMethod.call(hub, memberKey, makeProxyCallback(hub, memberValue));
}
}
}
}
}

$.hubConnection.prototype.createHubProxies = function () {
var proxies = {};
this.starting(function () {
// Register the hub proxies as subscribed
// (instance, shouldSubscribe)
registerHubProxies(proxies, true);

this._registerSubscribedHubs();
}).disconnected(function () {
// Unsubscribe all hub proxies when we "disconnect". This is to ensure that we do not re-add functional call backs.
// (instance, shouldSubscribe)
registerHubProxies(proxies, false);
});

proxies['chat'] = this.createHubProxy('chat');
proxies['chat'].client = {};
proxies['chat'].server = {
send: function (message) {
return proxies['chat'].invoke.apply(proxies['chat'], $.merge(["send"], $.makeArray(arguments)));
},

sendOne: function (toUserId, message) {
return proxies['chat'].invoke.apply(proxies['chat'], $.merge(["sendOne"], $.makeArray(arguments)));
}
};

return proxies;
};

signalR.hub = $.hubConnection("/signalr", { useDefaultPath: false });
$.extend(signalR, signalR.hub.createHubProxies());

}(window.jQuery, window));

這一塊是你要是想指定具體路徑也是可以的哦，但是要在后臺寫這么一句話

結束。

我也剛剛寫完，還沒有放到正式環境去用，哈哈哈，捂嘴偷笑，吐血了嗎？現在我擔心我們windows版本的redis不穩定。

責任編輯：張燕妮來源：開源中國社區

分布式聊天服務器