در این مقاله با نحوه ساخت و پیاده سازی اتاق گفت و گوی عمومی (Public Chat Room) با استفاده از سی شارپ و Asp.Net آشنا خواهید شد .

سلام دوستان

امروز براتون یک نمونه از چت آنلاین و عمومی در Asp.Net رو آماده کردم

در مرحله اوب کتابخانه PokeIn.dll را به پروژه اضافه میکنیم

در مرحله بعد کلاس Chat را میسازیم

//Our custom parameter class [Serializable] public class ChatMessage { public string Username, Message; //You should define an Empty Consturctor to allow PokeIn to de-serialize public ChatMessage() { Username = ""; Message=""; } public ChatMessage(string userName, string message) { Username = userName; Message = message; } } //Chat Class public class ChatApp:IDisposable { public static Dictionary<string, string> Users = new Dictionary<string,string>();//clientId, username public static Dictionary<string, string> Names = new Dictionary<string,string>();//username, clientId string _clientId; string _username; public ChatApp(string clientId) { _clientId = clientId; _username = ""; } public void Dispose() { lock(Names) { if(Names.ContainsKey(_username)) if(Names[_username]==_clientId) { Names.Remove(_username); Users.Remove(_clientId); Send(new ChatMessage(_username, "Disconnected")); } } } public void SetName(string userName) { if (_username != "") { CometWorker.SendToClient(_clientId, "alert('نام کاربری تکراری است');btnChat.disabled = '';"); return; } lock (Names) { if(Names.ContainsKey(userName)) { Names[userName] = _clientId; } else { Names.Add(userName, _clientId); Users.Add(_clientId, userName); } } _username = userName; //Create JSON Method string json = JSON.Method("UsernameSet", userName);//UsernameSet('UserName'); CometWorker.SendToClient(_clientId, json); } //When PokeIn sees ChatMessage custom class as a parameter, it automaticly defines ChatMessage JS class on client side. public void Send(ChatMessage message) { //Create JSON method from custom class string json = JSON.Method("ChatMessageFrom", message); //ChatMessageFrom( {Username:'username', Message:'message' } ); CometWorker.SendToAll(json); } }

بیشتر عملیات توسط دستورات Javascript انجام خواهد شد

<mce:script type="text/javascript"><!-- var btnChat = document.getElementById("btnChat"); document.OnPokeInReady = function() { PokeIn.Start(function(status) { if (status) { btnChat.disabled = ""; } }); //PokeIn Connection Closed By Server PokeIn.OnClose = function() { ChatMessageFrom({ Username: "برنامه نویسان", Message: "ارتباط شما قطع شد!" }); }; }; var lbl = document.getElementById("lbl"); var info = document.getElementById("info"); var chatWind = document.getElementById("Chats"); var chatBase = document.getElementById("ChatBase"); var user_name = ""; var user_names = []; btnChat.onclick = function() { if (user_name == "") { user_name = info.value; if (user_name.replace(/ /g, "").length == 0) { alert('نام خود را وارد کنید'); return; } Chat.SetName(user_name); btnChat.disabled = "disabled"; user_name = ""; } else { var mess = info.value; if (mess.replace(/ /g, "").length == 0) { alert('برای ارسال متنی را وارد کنید'); return; } //PokeIn automaticly defines server side ChatMessage class into the client side //Because one of the main class functions has a ChatMessage type parameter var message = new ChatMessage(); message.Message = mess; message.Username = user_name; Chat.Send(message); info.value = ""; } } info.onkeydown = function(ev) { if (btnChat.disabled != "") return; var ev = ev || window.event; if (ev.keyCode == 13) { btnChat.onclick(); } } function ChatMessageFrom(chatMessage) { chatWind.innerHTML += "<b>" + chatMessage.Username + "</b>:: " + chatMessage.Message + "<br/>"; chatBase.scrollTop = chatWind.clientHeight; } function UserNameList_Updated(names) { user_names = names; } function UsernameSet(user) { user_name = user; btnChat.value = "ارسال"; info.value = ""; lbl.innerHTML = "پیام ::"; ChatMessageFrom({ Username: "برنامه نویسان", Message: "سلام " + user + "!<br/>خوش آمدید!" }); btnChat.disabled = ""; } // --></mce:script>

توابع بسیار ساده هستند

نمونه هم ضمیمه کردم

امیدوارم خوستون بیاد