使用socket.io和nodejs搭建websocket服務(wù)器端
socket.io不僅可以搭建客戶端的websocket服務(wù)，而且支持nodejs服務(wù)器端的websocket。
下面讓我來介紹一下怎么安裝配置nodejs.
進(jìn)入http://nodejs.org/#download下載msi文件。一直點(diǎn)next安裝。最后文件會(huì)自動(dòng)安裝在C:/nodejs目錄下。
安裝完成后，會(huì)自動(dòng)配置環(huán)境環(huán)境變量。如果沒有自動(dòng)配置，自己手動(dòng)在path處加上 ;C:/nodejs/。
安裝完成后，需要配置npm來管理node.js的模塊。
在window下安裝npm需要安裝git。
安裝完git后，打開gitbush。執(zhí)行下面幾步：
git config --system http.sslcainfo /bin/curl-ca-bundle.crtgit clone --recursive git://github.com/isaacs/npm.gitcd npmnode 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 ***。
沒有npm的或者windows用戶可以使用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è)例子
客戶端代碼：
<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ā)送過來的名為'new'的數(shù)據(jù) console.log(data.hello);//data為應(yīng)服務(wù)器發(fā)送過來的數(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庫。
服務(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)聽，一旦客戶端連接上，即發(fā)送數(shù)據(jù)，第一個(gè)參數(shù)'new'為數(shù)據(jù)名，第二個(gè)參數(shù)既為數(shù)據(jù) socket.on('my other event', function (data) {//捕獲客戶端發(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); }); }); 測試結(jié)果，客戶端可正常顯示
服務(wù)器端顯示結(jié)果：
C:/java/Nodejs>node server2.js
注：代碼要和npm_module在同一個(gè)目錄下。不然會(huì)出現(xiàn)找不到socket.io module的錯(cuò)誤。
新聞熱點(diǎn)
疑難解答
圖片精選
網(wǎng)友關(guān)注
