基于socket.io和node.js搭建即時(shí)通信系統(tǒng)

更新時(shí)間：2014年07月30日 16:47:42 投稿：hebedich

socket.IO是一個(gè)websocket庫(kù)，包括了客戶(hù)端的js和服務(wù)器端的nodejs。官方地址：http://socket.io

使用socket.io和nodejs搭建websocket服務(wù)器端

socket.io不僅可以搭建客戶(hù)端的websocket服務(wù)，而且支持nodejs服務(wù)器端的websocket。

下面讓我來(lái)介紹一下怎么安裝配置nodejs.

進(jìn)入http://nodejs.org/#download下載msi文件。一直點(diǎn)next安裝。最后文件會(huì)自動(dòng)安裝在C:\nodejs目錄下。

安裝完成后，會(huì)自動(dòng)配置環(huán)境環(huán)境變量。如果沒(méi)有自動(dòng)配置，自己手動(dòng)在path處加上 ;C:\nodejs\。

安裝完成后，需要配置npm來(lái)管理node.js的模塊。

在window下安裝npm需要安裝git。

安裝完git后，打開(kāi)gitbush。執(zhí)行下面幾步：

git config --system http.sslcainfo /bin/curl-ca-bundle.crt

git clone --recursive git://github.com/isaacs/npm.git

cd npm

node cli.js install npm -gf

第一個(gè)是設(shè)置不會(huì)有任何提示,第二步會(huì)到github上下載npm會(huì)有下載文件和進(jìn)度,第四步是安裝npm到node.js會(huì)復(fù)制幾個(gè)文件cmd文件和mode_modules文件夾到nodejs目錄。

這樣就配置好了npm。

如果需要安裝什么模塊直接輸入npm install ***。

沒(méi)有npm的或者windows用戶(hù)可以使用github下載socket.io并且放入到node_modules文件夾中，具體配置可以參考文章：《nodejs教程：配置nodejs.exe的windows目錄結(jié)構(gòu)》

nodejs安裝socket.io

使用node插件管理包，運(yùn)行下面的命令就可以安裝成功socket.io

npm install socket.io

用socket.io 實(shí)現(xiàn)的一個(gè)例子

客戶(hù)端代碼：

<html> 

<head> 

  <title></title> 

  <script src="../js/socket.io.client.js"></script> 

  <script type="text/javascript"> 

    function doit() { 

      var socket = io.connect('http://localhost'); 

      socket.on('news', function (data) {//接收到服務(wù)器發(fā)送過(guò)來(lái)的名為'new'的數(shù)據(jù) 

        console.log(data.hello);//data為應(yīng)服務(wù)器發(fā)送過(guò)來(lái)的數(shù)據(jù)。 

        socket.emit('my new event', { my:'new data' });//向服務(wù)器發(fā)送數(shù)據(jù)，實(shí)現(xiàn)雙向數(shù)據(jù)傳輸 

      }); 

      socket.on('other', function (data) {//接收另一個(gè)名為'other'數(shù)據(jù)， 

        console.log(data.hello); 

        socket.emit('event1', { my:'other data' }); 

      }); 

    } 

  </script> 

</head> 

<body> 

<button id='btn' onclick="doit()">click me</button> 

</body> 

</html>

socket.io.client.js可以https://github.com/LearnBoost/socket.io-client下載到本地，在<script src="..">指向本機(jī)的js庫(kù)。

服務(wù)器用nodejs實(shí)現(xiàn)

server2.js

var http= require('http'), io= require('socket.io'), express= require('express'); 

var app = express.createServer(), io = io.listen(app); 

app.listen(80); 

io.sockets.on('connection', function (socket) { 

 socket.emit('news', { hello: 'world' });//監(jiān)聽(tīng)，一旦客戶(hù)端連接上，即發(fā)送數(shù)據(jù)，第一個(gè)參數(shù)'new'為數(shù)據(jù)名，第二個(gè)參數(shù)既為數(shù)據(jù) 

 socket.on('my other event', function (data) {//捕獲客戶(hù)端發(fā)送名為'my other event'的數(shù)據(jù) 

  console.log(data.my); 

 }); 

 socket.emit('other', { hello: 'other world' });//發(fā)送另一個(gè)數(shù)據(jù) 

 socket.on('evnet1', function (data) {//捕獲另外一個(gè)數(shù)據(jù) 

  console.log(data.my); 

 }); 

});

測(cè)試結(jié)果，客戶(hù)端可正常顯示

服務(wù)器端顯示結(jié)果：

C:\java\Nodejs>node server2.js

注：代碼要和npm_module在同一個(gè)目錄下。不然會(huì)出現(xiàn)找不到socket.io module的錯(cuò)誤。

您可能感興趣的文章: