基于socket.io和node.js搭建即時通信系統(tǒng)
使用socket.io和nodejs搭建websocket服務(wù)器端
socket.io不僅可以搭建客戶端的websocket服務(wù),而且支持nodejs服務(wù)器端的websocket。
下面讓我來介紹一下怎么安裝配置nodejs.
進(jìn)入http://nodejs.org/#download下載msi文件。一直點(diǎn)next安裝。最后文件會自動安裝在C:\nodejs目錄下。
安裝完成后,會自動配置環(huán)境環(huán)境變量。如果沒有自動配置,自己手動在path處加上 ;C:\nodejs\。
安裝完成后,需要配置npm來管理node.js的模塊。
在window下安裝npm需要安裝git。
安裝完git后,打開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
第一個是設(shè)置不會有任何提示,第二步會到github上下載npm會有下載文件和進(jìn)度,第四步是安裝npm到node.js會復(fù)制幾個文件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)的一個例子
客戶端代碼:
<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) {//接收另一個名為'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ù),第一個參數(shù)'new'為數(shù)據(jù)名,第二個參數(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ā)送另一個數(shù)據(jù) socket.on('evnet1', function (data) {//捕獲另外一個數(shù)據(jù) console.log(data.my); }); });
測試結(jié)果,客戶端可正常顯示
服務(wù)器端顯示結(jié)果:
C:\java\Nodejs>node server2.js
注:代碼要和npm_module在同一個目錄下。不然會出現(xiàn)找不到socket.io module的錯誤。
- node.js中的Socket.IO使用實(shí)例
- node.js中Socket.IO的進(jìn)階使用技巧
- node.js中的socket.io入門實(shí)例
- node中socket.io的事件使用詳解
- nodejs結(jié)合Socket.IO實(shí)現(xiàn)的即時通訊功能詳解
- node.js中的socket.io的廣播消息
- node.js中使用socket.io制作命名空間
- node.js基于socket.io快速實(shí)現(xiàn)一個實(shí)時通訊應(yīng)用
- nodejs+socket.io實(shí)現(xiàn)p2p消息實(shí)時發(fā)送的項(xiàng)目實(shí)踐
相關(guān)文章
三分鐘教你用Node做一個微信哄女友(基友)神器(面向小白)
這篇文章主要介紹了三步教你用Node做一個微信哄女友(基友)神器(面向小白),用node和wechaty微信網(wǎng)頁接口開發(fā)的一款小工具,可以定時給女朋友發(fā)每天的天氣情況,天氣提醒,每日一句。通過配置機(jī)器人api后還可以實(shí)現(xiàn)微信機(jī)器人自動陪女朋友聊天。,需要的朋友可以參考下2019-06-06node.js平臺下利用cookie實(shí)現(xiàn)記住密碼登陸(Express+Ejs+Mysql)
這篇文章主要介紹了node.js平臺下利用cookie實(shí)現(xiàn)記住密碼登陸(Express+Ejs+Mysql),具有一定的參考價值,感興趣的小伙伴們可以參考一下。2017-04-04利用nodejs讀取圖片并將二進(jìn)制數(shù)據(jù)轉(zhuǎn)換成base64格式
這篇文章主要介紹了利用nodejs讀取圖片并將二進(jìn)制數(shù)據(jù)轉(zhuǎn)換成base64格式,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教2022-08-08使用NodeJS?5分鐘?連接?Redis?讀寫操作的詳細(xì)過程
這篇文章主要介紹了NodeJS?5分鐘?連接?Redis?讀寫操作,本文給大家介紹的非常詳細(xì),對大家學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2022-07-07nodejs項(xiàng)目windows下開機(jī)自啟動的方法
今天小編就為大家分享一篇nodejs項(xiàng)目windows下開機(jī)自啟動的方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2017-11-11nodeJS中關(guān)于path.resolve()的用法解析
這篇文章主要介紹了nodeJS中關(guān)于path.resolve()的用法,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教2023-06-06初學(xué)node.js中實(shí)現(xiàn)刪除用戶路由
這篇文章主要介紹了node.js中如何實(shí)現(xiàn)刪除用戶路由,下面和小編來一起學(xué)習(xí)一下吧2019-05-05