（實際上很久之前就接觸了，只是人懶拉……）

這次接觸的是有名的MVC Framework – Express 和 方便的 Socket.IO 。

說實在的，用來做聊天室真的「非常省時」

（想當初我慢慢寫程式，現在竟然只要半小時……）

大家自己用 NPM 安裝好 Express 後，就用 express -t ejs 生成一個專案吧！

（以下只會針對 Socket.IO 對聊天室製作的程式碼做說明喔！）

app.js

var io = require("socket.io").listen(app); //app 是 var app = express.createServer();

/* .... 略 .... */
app.listen(3000);

//Chat Room
var onlineList = {}; //建立一個線上列表物件

io.sockets.on('connection', function(socket){ //照官方的處理，基本上就是當Clinet連線時要做的事情

  socket.emit('reqNickname'); //向Client要求暱稱（其實應該用 join 而不是這樣，因為這樣會造成一些問題）
  socket.on('setNickname', function(nickname){ //當Client設定暱稱時
    if(!onlineList[nickname]){ //檢查暱稱是否重複
      socket.set('nickname', nickname, function(){ //Socket.IO 支援類似 Session 的儲存，這邊用來紀錄使用者暱稱
        onlineList[nickname] = socket; //這邊把 socket 物件存進去，用於之後的 Private Message 功能（Socket.IO 的每個 socket 都是對應個別 Client 的，不能搞混）
        socket.broadcast.emit('system', {'msg' : '' + nickname + ' join!'}); //使用Broadcast可以發給除了自己外全部的Client (通知某使用者加入聊天室)
        socket.emit('ready'); //告訴Client可以開始聊天（此時發訊息等才會解鎖，本範例沒有特別限制）
      });
    }else{
      socket.emit('reqNickname'); //如果暱稱存在，則重新要求暱稱
    }
  });

  socket.on('chat', function(data){ //當Client發送聊天訊息
    socket.get('nickname', function(err, nickname){ //先取得暱稱
      if(!err){ //檢查是否有發生錯誤
        if(data.indexOf('/pm ') === 0){ //檢查是否為 /pm 的開頭，如果是判定為「私訊」
          var receiver = data.substr(4); //切割字串
          receiver = receiver.substr(0, receiver.indexOf(' ')); //取得收訊人的暱稱
          var chatMsg = data.substr(receiver.length + 5); //把剩下文字當要傳送的訊息
          if(onlineList[receiver]){ //檢查接收者是否存在
            onlineList[receiver].emit('pm', {'nickname' : nickname, 'msg' : chatMsg, 'rec' : receiver}); //發送給接收者私訊
            socket.emit('pm', {'nickname' : nickname, 'msg' : chatMsg, 'rec' : receiver}); //對Client也發送一次
          }else{
            socket.emit('system', {'msg' : '' + receiver + ' not found.'});  //接收者不存在則出現錯誤訊息
          }
        }else{
          //一般情況正常聊天
          socket.broadcast.emit('chat', {'nickname' : nickname, 'msg' : data});
          socket.emit('chat', {'nickname' : nickname, 'msg' : data});
        }
      }
    });
  });

  socket.on('disconnect', function(){ //使用者斷開（系統）
    socket.get('nickname', function(err, nickname){ //先取得暱稱
      if(!err){
        if(onlineList[nickname]){ //確認是否存在使用者
          socket.broadcast.emit('system', {'msg' : '' + nickname + ' exit.'}); //發送系統訊息告知其他使用者Client離線
        }
      }
    });
  });
});

index.ejs

這邊用 jQuery 輔助，沒有做版面排版（CSS則略，因為除了設定 overflow:hide 之外其他沒有特別設定）

<script src="/socket.io/socket.io.js" type="text/javascript"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js" type="text/javascript"></script>

<h1><%= title %></h1>
<p>Welcome to <%= title %></p>

<div id="chatArea">

</div>
<div id="chatForm">
	<form action="" method="post" name="charForm" id="chat">
		<span id="nickname">Unknow</span> :
		<input type="text" name="message" size="50" id="message" />
		<input type="submit" name="send" value="Send" id="send" />
	</form>
</div>

<script type="text/javascript">

    function scrollChatArea()
    {

    }

	var socket = io.connect("dmd.frost.tw", {'port':3030});

	var nickname = "Unknow";

	socket.on('reqNickname', function(){
		nickname = prompt('Type your nickname', '');
		socket.emit('setNickname', nickname);
	});

	socket.on('ready', function(){
		$("#nickname").html("<strong>" + nickname + "</strong>");
		$("#chat").submit(function(e){

			var msg = $('input[name="message"]').val();
			socket.emit('chat', msg);
			$('input[name="message"]').val('').focus();

			return false;

		});
	});

	socket.on('chat', function(data){
		$("<div><strong>" + data.nickname + "</strong> Says: " + data.msg + "</div>").hide().appendTo("#chatArea").fadeIn();
		$("#chatArea").scrollTop( $("#chatArea").innerHeight() );
	});

    socket.on('system', function(data){
    	$("<div>&gt; " + data.msg + "</div>").hide().appendTo("#chatArea").fadeIn();
		$("#chatArea").scrollTop( $("#chatArea").innerHeight() );
	});

    socket.on('pm', function(data){
        $("<div><strong>" + data.nickname + "</strong> to <strong>" + data.rec + "</strong> Says: " + data.msg + "</div>").hide().appendTo("#chatArea").fadeIn();
    	$("#chatArea").scrollTop( $("#chatArea").innerHeight() );
    });

</script>

前端使用方法和後端大同小異，都是用 on 和 emit 處理。
如此一來，就完成一個有 PM 功能的聊天室了！
（其實 Socket.IO 還支援 Room 的概念，只要把 Client 用 .join(‘room name’) 就可以了！）
有不清楚的部份請告知一下，我會解釋……
（這篇文章就針對Server-Side做解釋而已，其他有問題還是可以問的～）

您可能也喜歡：

Node.js 的 Comet Chat

用 Node.js 寫聊天室的心得～

談起 APE 和 node.js

Node.js 上的 MySQL

无觅

不過，什麼是 Node.JS 大家可能會不解。
以弦也最近更新的知識，他應該是一個 Server Side JavaScript 而且支援 Evented I/O 的程式語言。

那 Node.JS 可以做什麼呢？
此時，就要舉大家介紹 Node.JS 最常提到的一個網站 – Plurk 了！
噗浪就是使用 Node.JS 開發的喔！

也因此，他擁有即時更新的功能。
這就是所謂的 Comet 技術實踐吧！

不過，所謂的 Comet 又是什麼呢？
簡單說，就是利用 Ajax 來做 Socket 的事情。
我們又以 Client 和 Server 分為 Poll 和 Push 兩個動作。
Push 是以伺服器發訊息給客戶端，以往都是被動。
而 Poll 是客戶端請求資料，過去時代的聊天室就是重複 Poll 了！

現在利用 Ajax 模擬 Http 請求，對伺服器做 Poll (Long)
而 Node.JS 則檢查是否有資料，有資料時才做 Push 回去給客戶端。
（因為 Ajax 特性，沒有回應時就不會觸發事件，可以一直等待回應。）

而這樣一來一往的動作，就很類似 Socket 的 Listen Request 之類的動做。
這種技術則稱為 Comet 技術。

Node.JS 則是非常適合用於實踐這個技術的 Server Side 語言。

那麼，回到正題。

JSApp.US 網站資料
網址：http://jsapp.us
運行模式：VM處理（用戶程式跑在 Child Porcess 中，不干預主程式）
限制：部份 Module 無法載入，http modules 有限使用（createServer&Client都只能用 Port 80）
費用：無（如果想租VPS可以參考開發者的推薦連結，讓這個服務繼續下去。）

那麼，期待大家的作品摟！

官方聊天室範例（使用 node-router 模組 *此為額外擴充）
http://chat.jsapp.us

弦也測試的聊天室（自行處理 Router）
http://jsapp.frost.tw/

您可能也喜歡：

Node.js 的 Comet Chat

Node.js 上的 MySQL

用 Node.js 寫聊天室的心得～

談起 APE 和 node.js

无觅

難得學校補假天氣好，好日子不配上好程式怎行呢？
網友贊助主機當運行平台，不好好開發怎麼行呢？

所以，今天的 Node.js 寫得特別順！
（以上純屬想像……）

今天的開發有點類似將 Node.js 從一般的聊天室應用，改良成大型聊天室。
要形容的話，就是增加了 Room 的概念。
只要經過 addRoom 方法，指定一個 Room Name 傳入。
那麼，你就可以創建一個聊天室了！

當然，運行速度有V8保證，絕對不慢。
（說真的用JavaScript運行起來真的「快」阿！）

不過，這個開發果然「瘋狂」
因為這是一整個「物件導向」式的做法。
雖然這家伙根本沒有在認真用物件導向……
待會看了程式碼，你會怎麼想？

不過，使用物件確實有點高難度。
而且身為神奇的開發者，竟然在今天才發現加上 new 修飾後，就是個物件……
（果然是基本功沒練好就上場的瘋子……）

廢話不多說，來看看程式碼吧！
但是，我才…才…才不會讓你看完整哩！

你們看看，好長一條阿！
沒錯，兇手就是他！！

這是將聊天室模組化的成果，充滿了奇蹟（誤

使用方法也很簡單，先是用 Node.js 的 require 把他引入。

var chat = require("./chat.js");
chat.addRoom("general");
chat.listen(80);

接著，神奇的事情就發生拉！！！
那就是，你打不開網頁……

為什麼？
因為沒有寫 Client 端阿！
現在邪惡的開發者竟然用當年測試Node.js的簡易Client接收訊息。
（到底是怎麼將兩個完全不合的程式組起來，也是很神秘的……當年似乎是幾個月前……）

那麼，你準備好試用了嗎？
當開發者心血來潮之時，你就可以用了！

期待嗎？
請關注「才…才不會讓你看（羞）」系列！
（喔！沒有這東西……）

如果想知道更多，請關注本網誌很糟糕的標題，因為很糟糕，所以看到內容會很失望。
讓你最失望的，一定就是網址。
「所以，請關注下一張圖片！？」

您可能也喜歡：
Node.js 的 Comet Chat	用 Node.js 寫聊天室的心得～	邪門Google運用 – JavaScript 留言板	Node.js 上的 MySQL
无觅

像是 Server Time 比 Client Time 還大時，就會慘遭洗頻……

不過我想訪客都中原標準時間，應該不會有事（喂

來張測試時的玉照。
因為使用了 jQuery UI 的加持，整個威能很大。

不過，因為時間有限……
（畢竟我摸了一整天，社刊的收尾還沒弄）
很多調整都不能加上，像是調整聊天視窗大小、時間校正、指令功能等等。

不過，目前也是有「支援」的指令喔！
那就是「/nick 暱稱」指令，可以替換暱稱。

之後我想我會陸續加入各種功能吧……

不過，在這之前還有一大堆任務得完成。
如網誌改版、社刊、同人社團Amber Clover網站製作等等。

希望下次我有很大威能可以「強化」這款聊天室。
> 經過這次經驗，我可以說是對 Real Time WebGame的雛型有個概念了呢！

您可能也喜歡：

Node.js 上的 MySQL

談起 APE 和 node.js

用 Node.js 寫聊天室的心得～

才…才不會讓你看全部呢！

无觅

不過，他卻有個惱人的問題。
基本支援不多，相較習慣 PHP 的人，在 Node.js 可能會感覺有點辛苦。
（畢竟 PHP 擁有大量的函式支援，很多功能可以輕而易舉做到。）

那麼該如何連接MySQL呢？
我想，沒有其他選擇了！
只能使用 Node.js 內建的 Net 模組（ Socket 相關）來手動連接。

當然，在這之前要先確認是否有高手做出模組。
很幸運的，在官方模組列表上有兩款。
（如果我沒看錯，應是有兩款。）

我選了一款名為 Node-MySQL 的模組使用。
（後來發現另一組，不過看起來似乎不堪使用呢！）

當我興致勃勃的將 Web Game 的基礎結構製作好。
（其實就只是登出和登入兩個動作而已……）
我就馬上測試（其實寫太多 Bug 也跟著多，而且也有上百行了……）

很可惜，我自身的錯誤處理完畢後。
竟然是 Node-MySQL 的錯誤，仔細一看，卻發現似乎是自己的失誤。

不過，當我成功連上資料庫時。
卻碰上「無法查詢」的窘境……

總而言之，那Ajax連接就這麼持續到超時斷開。

也許，該換個方法處理吧！
（目前正在考慮檔案讀寫，不過可能會比較吃資源的樣子……）

您可能也喜歡：

Node.js 的 Comet Chat

談起 APE 和 node.js

用 Node.js 寫聊天室的心得～

JSApp.US – 免費的 Node.JS 伺服器

无觅

那麼，就小小說一下我的「心得」吧！
我是參考官方的 Chat Room Deoms 原始碼來撰寫（縮減成練習的版本）

這種聊天室執行時，會消耗「記憶體」
不過就官方的程式運作來看，幾百筆資料似乎也才吃掉數MB(還是數千筆我忘了……)

聊天室整體的構造大致如下：
1. channel (應該說物件嗎？)
2. sessions (Array )
3.  methods (Array)

其中 channel 負責聊天訊息, sessions 負責紀錄進入聊天室的人，而 methods 則是我用來儲存HTTP請求回應的陣列……

channel 包含兩個函式，一個負責在 messages 陣列新增聊天紀錄，另一個則負責存取 messages 陣列。
sessions 則儲存所有使用者的id, 並有 createSession() 函式負責加入新使用者。
* sessions[id].destory() 是消除的函式（放在每個使用者的資料裡面）

而 methods 是一個陣列，並且對應一個 handler (官網好像是這樣稱呼)
當 HTTP Server 接到請求，會判斷抓哪一個陣列出來使用。
這樣大致上就完成架構了！

在撰寫過程中，幾乎沒有停下來。
（大概是昨晚有簡單做一個收發的 test 所以才得力很多。）

最後中途是修正了幾次 Bug 才完成運行。
* Node.js 發生程式錯誤會終止程式執行。

不過我很佩服官方的聊天室，好像運行一個多月都沒停止。
（原始碼裡面明明有會卡死的部份，不過似乎不受影響）

晚點檢查完我的聊天室和跨域，就要進一步發展啦！
（製作特製的 lib 來寫 Web Game~）

您可能也喜歡：

Node.js 的 Comet Chat

談起 APE 和 node.js

Node.js 上的 MySQL

JSApp.US – 免費的 Node.JS 伺服器

无觅

如此比較，就會發現 Node.js 不會受限於原本的限制。
（好玩的是，使用APE時會用到他的JSF框架，就如同開發者被框住一樣！）
#所謂的限制，其實就是 APE 無法開發多個程式，而 Node.js 可以。

目前某弦正在閱讀 Node.js 的 API 文件（可以說是開發文檔，或者函式/事件手冊吧！）
也許哪天我寫出個心得，就會來做個簡單的教學！

就我所看到的網路教學中，建立一個HTTP伺服器最為簡單。
（其實 Comet 技術本身就是 Ajax 的運用，和HTTP關係很大～）
在加上 Node.js 本身內建 HTTP 伺服器/客戶端功能，所以建立「超容易！」

有興趣的朋友可以用 coLinux 在 Windows 下建立環境，然後安裝來測試。
node xxx.js 是運行指令，想停止可以用 Ctrl+C 停止～

呼呼～
繼續把閱讀到一半的文件看完～

您可能也喜歡：

Node.js 的 Comet Chat

用 Node.js 寫聊天室的心得～

Node.js 上的 MySQL

JSApp.US – 免費的 Node.JS 伺服器

无觅