基於Redis的ASP.NET與js(AJAX)的聊天程序[js長連接][僞推送]

首先是安裝Redis, 此處略過n步...


然後,新建一個ASP.NET的MVC2的工程《MvcMessage》,需要下載ServiceStack.Redis並把dll複製到工程下,並正確引用。


好,下面開始貼代碼了:

1. 在工程目錄《Models》下新建類:Message.cs

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.ComponentModel.DataAnnotations;
using System.Globalization;
using System.Linq;
using System.Web;
using System.Web.Mvc;
using System.Web.Security;

namespace MvcMessage.Models
{
    //model
    public class Message
    {
        public long Id { get; set; }
        public string SendName { get; set; }
        public string SendTo { get; set; }
        public DateTime SendTime { get; set; }
        public string Msg { get; set; }
        public int SendType { get; set; }
    }
}

2. 在工程目錄《Controllers》下新建控制器:MessageController.cs

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
using System.Threading;
using ServiceStack.Redis;
using MvcMessage.Models;

namespace MvcMessage.Controllers
{
    public class MessageController : AsyncController
    {
        static private Mutex mutex = new Mutex();//不瞭解的可以去看資料,這裏不說了
        static RedisClient redisClient = new RedisClient("172.18.1.240");//redis的IP,端口默認的則不用寫
        public ActionResult Index()
        {
            return View();
        }

        public void SendMessageAsync()
        {
            mutex.WaitOne();
            try
            {
                using (var msgs = redisClient.GetTypedClient<Message>())//Redis消息對象
                {
                    var m = new Message
                    {
                        Id = msgs.GetNextSequence(),
                        Msg = HttpContext.Request["msg"],
                        SendTime = Convert.ToDateTime(HttpContext.Request["time"]),
                        SendType = Convert.ToInt32(HttpContext.Request["type"]),
                        SendTo = HttpContext.Request["to"],
                        SendName = HttpContext.Request["from"]
                    };
                    if (m.SendType == 1)
                    {
                        m.SendTo = "All";
                    }
                    msgs.Store(m);//保存到Redis
                    msgs.ExpireAt(m.Id, DateTime.Now.AddSeconds(60 * 1000));//redis記錄的過期
                    AsyncManager.Parameters["ret"] = new//構造返回對象格式
                    {
                        code = 200,
                        ret = "Send OK!",
                        what = ""
                    };
                    AsyncManager.OutstandingOperations.Decrement();//觸發SendMessageCompleted的執行
                }
            }
            catch (Exception ex)
            {//錯誤處理
                AsyncManager.Parameters["ret"] = new
                {
                    code = 500,
                    ret = "",
                    what = "Send error:"+ex.Message
                };
                AsyncManager.OutstandingOperations.Decrement();
            }
            mutex.ReleaseMutex();
        }

        public ActionResult SendMessageCompleted(object ret)
        {//返回JSON對象
            return Json(ret, JsonRequestBehavior.AllowGet);
        }

        public void GetMessageAsync()
        {
            mutex.WaitOne();
            try
            {
                DateTime lastTime = Convert.ToDateTime(HttpContext.Request["time"]);
                string user = HttpContext.Request["sendName"];

                using (var msgs = redisClient.GetTypedClient<Message>())
                {
                    var msgFromRedis = msgs.GetAll().Where<Message>(
                        msg => msg.SendTime > lastTime && (msg.SendTo == user|| msg.SendType == 1)
                            && msg.SendName != user
                        );//從Redis取數據,並設置查詢條件
                    var list = msgFromRedis.ToList<Message>();//查詢結果
                    IDictionary<string, object> ret = new Dictionary<string, object>();
                    ret.Add("code", 200);//成功碼
                    ret.Add("ret", list);//返回結果
                    ret.Add("what", "");
                    AsyncManager.Parameters["ret"] = ret;//返回對象格式
                    AsyncManager.OutstandingOperations.Decrement();//觸發GetMessageCompleted的執行
                }
            }
            catch (Exception ex)
            {//錯誤處理
                IDictionary<string, object> ret = new Dictionary<string, object>();
                ret.Add("code", 500);//失敗碼
                ret.Add("ret", "");
                ret.Add("what", ex.Message);//錯誤內容
                AsyncManager.Parameters["ret"] = ret;
                AsyncManager.OutstandingOperations.Decrement();
            }
            mutex.ReleaseMutex();
        }

        public ActionResult GetMessageCompleted(IDictionary<string, object> ret)
        {//返回JSON對象
            return Json(ret, JsonRequestBehavior.AllowGet);
        }

    }
}

3. 在《Global.asax.cs》文件中註冊Routes方法改爲:

        public static void RegisterRoutes(RouteCollection routes)
        {
            routes.IgnoreRoute("{resource}.axd/{*pathInfo}");

            routes.MapRoute(
                "Default", // 路由名稱
                "{controller}/{action}/{id}", // 帶有參數的 URL
                new { controller = "Message", action = "Index", id = UrlParameter.Optional } // 參數默認值
            );

        }
4. 爲Message控制器創建視圖:《/Views/Message/Index.aspx》
<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<dynamic>" %>


<asp:Content ID="Content3" ContentPlaceHolderID="HeaderContent" runat="server">
    <script src="../../Scripts/jquery-1.4.1.js" type="text/javascript"></script>
    <script src="../../Scripts/Message.js" type="text/javascript"></script>
    <style type="text/css">
        #logs
        {
            width: 360px;
            height: 200px;
        }
    </style>
</asp:Content>


<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
	Index
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">

    <h2>Index</h2>
    <textarea id="logs">
    waiting...
    </textarea>
    
    <div id="sendBox">
        <br />
        暱稱:<input type="text" id="sendName" name="sendName" value="" />

        發送給:<input type="radio" id="sendType1" name="sendType" checked="checked" value="1" />所有人

        發送給:<input type="radio" id="sendType2" name="sendType" value="0" /><input type="text" id="sendTo" name="sendTo" value="" />

        內容:<input type="text" id="message" name="message" value="" />
        <br />
        <input type="submit" id="send" value="發送" onclick="sendMsg()"/>
    </div>
</asp:Content>
5. 《Message.js》的內容:

//var i = 0;
var lastTime = new Date();//首次打開網頁時會以此時間開始取消息
$(document).ready(function () {
    $.ajaxSetup({ cache: false });
    setInterval('long_polling(false)',5000);//每隔5秒取一次消息
});

//接收
function long_polling(s) {
    if (s) i++;
    var sendname = $('#sendName').val();
    var sendtype = $('#sendType1').attr("checked") ? 1 : 0;
    var sendto = $('#sendTo').val();
    var msg = $('#message').val();
    var t = DateToString(lastTime);

    $.ajax({
        url: '/Message/GetMessage',
        data: { 'sendName': sendname, 'time': t },
        dataType: 'json',
        error: function () { long_polling(false); },
        success: function (data) {
            if (data.code == 200) {
                var d;
                for (var item in data.ret) {
                    if (data.ret[item].Msg) {
                        d = ConvertJSONDateToJSDateObject(data.ret[item].SendTime);
                        $('#logs').val(data.ret[item].SendName + "[" + DateToString(d) + "]對[" + (data.ret[item].SendType == 1 ? '所有人' : data.ret[item].SendTo) + "]說: " + data.ret[item].Msg + "\n" + $("#logs").val());
                        lastTime = d;//更新最後一個消息的時間
                    }
                }
            } else {
                $("#logs").val('error:' + data.what + '\n' + $("#logs").val());
            }
        }
    });
}

//發送
function sendMsg() {
    var sendname = $('#sendName').val();
    var sendtype = $('#sendType1').attr("checked") ? 1 : 0;
    var sendto = $('#sendTo').val();
    var msg = $('#message').val();
    var d = new Date();
    var t = DateToString(d);
    $.ajax({
        url: '/Message/SendMessage',
        data: { 'from': sendname, 'type': sendtype, 'to': sendto, 'msg': msg, 'time': t },
        dataType: 'json',
        success: function (data) {
            if (data.code == 200) {
                $("#logs").val(data.ret + '\n' + $("#logs").val());
            }
            else {
                $("#logs").val(data.what + '\n' + $("#logs").val());
            }
        }
    });
}

//時間轉換
function ConvertJSONDateToJSDateObject(JSONDateString) {
    var date = new Date(parseInt(JSONDateString.replace("/Date(", "").replace(")/", ""), 10));
    return date;
}
function DateToString(d) {
    var t = d.getFullYear() + '-' + (d.getMonth() + 1) + '-' + d.getDate() + ' ' + d.getHours() + ':' + d.getMinutes() + ':' + d.getSeconds();
    return t;
}

ServiceStack.Redis的資料,實在是太少了,這篇文章算是研究Redis與C#應用的一個實例吧!

改成了長輪詢方式,js也加了連接超時保護,下載地址:

http://download.csdn.net/detail/cjy37/4004949

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章