原作者Dahan Abdo
譯自CodeProject
如要下載源代碼，請到我的網(wǎng)站，地址：
http://www.vczx.com/article/show.php?id=1796簡(jiǎn) 介
我的第一個(gè)chat room 是用ASP 3.0寫(xiě)的。 程序比較簡(jiǎn)單，兩個(gè)text box， 用來(lái)處理頁(yè)面上每秒刷新的信息。那時(shí)候，要想建一個(gè)真正的chat room，要用到Java Applet 或者 ActiveX control?；贖TTP的chart rooms都面臨著(zhù)一些跟我第一個(gè)chat room一樣的問(wèn)題。這些問(wèn)題包括頁(yè)面刷新導致的屏幕閃爍現象。但這個(gè)問(wèn)題已經(jīng)被AJAX解決了。 AJAX是JavaScript和 XML異步調用的結合?，F在在server端用一些JavaScript代碼就可以實(shí)現一個(gè)真正的chat room了。這篇文章不會(huì )介紹Ajax，并假設你已經(jīng)對Ajax和ASP.NET的運用有一定了解。只是介紹如何用Ajax技術(shù)來(lái)創(chuàng )建一個(gè)基本的chat room。
例 程
這是一個(gè)多用戶(hù)的單一chat room?？梢詫?shí)現基本的聊天功能，還支持一些命令行如： /admin clear 用來(lái)清除聊天記錄，/nick [Name] 用來(lái)更改用戶(hù)昵稱(chēng)等。程序說(shuō)明這個(gè)程序用一個(gè)ChatEngine類(lèi)來(lái)處理所有的聊天信息和用戶(hù)信息，用戶(hù)信息存儲在一個(gè)Hashtable中，聊天信息存儲在StringCollection中。
Hashtable users;
StringCollection chat;
在Global.asax.cs 中聲明一個(gè)全局的ChatEngine的實(shí)例，為chat room中所有users共用：
public static UChat.ChatEngine.IChatEngine Engine =
new UChat.ChatEngine.ChatEngine();
還有一個(gè)JavaScript timer函數用來(lái)同步全局變量和頁(yè)面信息。
function setTimers()
{
timeID = window.setTimeout( "updateAll()", refreshRate );
}
每一個(gè)user都由一個(gè)username和一個(gè)GUID來(lái)唯一標識。
public void AddUser(
string id,
string user)
{
//make sure user name does not exist already
if( !UserExists( user ) )
{
//add user to users list
users.Add( id, user );
//display a notification message to all users
chat.Add(
this.MakeServerMessage(
string.Format(
joinedfmt, user ) ));
}
}
程序運行界面
開(kāi)始頁(yè)面顯示一些有關(guān)當前session的基本信息，比如user number、聊天記錄的大小等。用戶(hù)必須提供用戶(hù)名才能進(jìn)入聊天室。點(diǎn)擊Login button進(jìn)入下面的函數：
protected void Login(
object sender, EventArgs e )
{
string user = txtUsername.Text;
if( !ValidateNick( user ) )
return;
if( Global.Engine.UserExists( user ) )
{
lblErrorMsg.Text = "A user with this " +
"name already exists, try again.";
return;
}
Response.Redirect( "Server.aspx?action=Login&u=" + user );
}
經(jīng)過(guò)一些簡(jiǎn)單驗證后，通過(guò)AddUser函數將用戶(hù)加到user lists，然后就進(jìn)入了聊天室頁(yè)面chat.aspx，這時(shí)下面的JavaScript函數就會(huì )被執行：
<script type="text/javascript">
sniffBrowserType();
//Shows loading.. screen
showLoadScreen();
//Set the javascript timer and
//loads user list and messages
setTimers();
setFocus('mytext');
</script>
當用戶(hù)鍵入一些信息并回車(chē)時(shí)，就會(huì )調用下面的函數：
<input type="text"
class="mytext"
id="mytext" onkeydown="captureReturn(event)">
// Capture the enter key on the input box and post message
function captureReturn(
event )
{
if(
event.which ||
event.keyCode)
{
if ((
event.which == 13) || (
event.keyCode == 13))
{
postText();
return false;
}
else {
return true;
}
}
}
function postText()
{
rnd++;
//Clear text box first
chatbox = getElement( "mytext" );
chat = chatbox.value;
chatbox.value = "";
//get user GUID from url
userid = location.search.substring( 1, location.search.length );
//construct Ajax Server URL
url = 'Server.aspx?action=PostMsg&u=' + userid + '&t=' +
encodeURIComponent(chat) + '&session=' + rnd;
//Create and set the instance
//of appropriate XMLHTTP Request object
req = getAjax();
//Update page with new message
req.onreadystatechange = function(){
if( req.readyState == 4 && req.status == 200 ) {
updateAll();
}
}
req.open( 'GET', url,
true );
req.send(
null );
}
就這么多，沒(méi)什么特別的，你可以看源代碼，里面有很多注釋信息。
結 論
要用Java Applet建一個(gè)chat room需要在用戶(hù)的機器上安裝JVM。用ActiveX control存在一些安全問(wèn)題。而用剛才介紹的AJAX，你卻可以輕而易舉的創(chuàng )建一個(gè)基于HTTP并不需要用戶(hù)安裝任何軟件就可以運行的聊天室程序，并且很容易維護。
