這篇文章將為大家詳細講解有關node.js + socket.io怎么實現點對點隨機匹配聊天,小編覺得挺實用的,因此分享給大家做個參考,希望大家閱讀完這篇文章后可以有所收獲。
先說說用到的東西, node 用來做后臺服務,express 用來托管靜態資源,然后socket.io 用來傳送聊天數據。接下來說說思路,其實用socket.io來傳數據是很簡單的一件事情,我們只需要再前端頁面引入 socket.io.js 然后再node端也require('socket.io'),把它在后端跑起來,那么前端就可以通過如下代碼來發送或者接收信息。
//前端 socket = io.connect('ws://'+'服務器ip'); socket.emit('msg',{msg:'前端要發送的信息'});//要發送的信息(以對象的形式發送) socket.on('msg2',function(data){ ... //這里的data是后端傳過來的信息 }) //后端 socket.on('msg',function(data){ var data = data; //這里的data就是前端傳過來的數據,即{msg:'前端要發送的信息'} console.log(data.msg) // 打印出 “前端要發送的信息” }) //同理,后端要傳信息給前端也是一樣 socket.emit('msg2',{msg:'后端要發送的信息'});
我們來看后端怎么把socket跑起來
var express = require('express'); var app = express(); var http = require('http').Server(app); var io = require('socket.io')(http); io.on('connection', function(socket){ //當前端執行 socket = io.connect('ws://'+host); 的時候,此處的io會監聽到connection事件 socket.on('msg',function(data){ io.emit('onlineCount',freeList) //如果直接用io.emit來發送數據的話,這代表廣播的形式,就是當前所有打開服務的前端頁面都會收到這條消息。 socket.emit('welcome',{msg:'歡迎...'})//這里將給當前連接的頁面發送一個歡迎的對象數據 }) socket.on('disconnect',function(){ //當前端頁面關閉,或者失去連接時,后端會接收到disconnect事件 }) }) http.listen(4000, function(){ console.log('listening on *:4000'); });
當然不僅如此,因為websocket協議,是在瀏覽器和服務器之間建立了一個長鏈接來相互傳輸數據,對服務器而言,如果打開了好幾個頁面,那么就有好幾個socket實例,每個建立連接的前端頁面都會有一個socket實例,這樣就為接下來的點對點私聊提供了思路。當然,我們也可以通過直接廣播來傳送信息,不過這適用于聊天室情景。
那如何實現點對點呢,之前說了,每個建立連接的頁面都會產生一個socket實例,那么我們只需要后端在接收消息的同時,判斷該socket實例是和哪個個實例在聊天,只把消息發送給另一個匹配的socket實例就好了。簡單來說就像寫信一樣,我把消息發送給后端,然后告訴后端,這個消息是給xxx的,然后后端找到xxx對應的socket實例,將消息發給他就好了。
//前端 window.id = new Date().getTime()+""+Math.floor(Math.random()*899+100); //每次登錄,獲取一個唯一的用戶id socket = io.connect('ws://'+host); socket.emit('newUser',{ user_name : name, user_id : id}) //建立連接后,將我的用戶名和id都傳給后端 //后端 socket.on('newUser',function(data){ var nickname = data.user_name, user_id = data.user_id; userServer[user_id] = socket; //后端接收后,將該用戶socket保存在一個對象里,key值為id,value就是這個用戶的socket })
通過上面的代碼,后端得到了一個userServer的對象,里面是每個連接socket和其id的對應值,這樣,就可以通過每次發送信息時,附帶要接收對象的id來達到點對點的數據傳輸。
關于“node.js + socket.io怎么實現點對點隨機匹配聊天”這篇文章就分享到這里了,希望以上內容可以對大家有一定的幫助,使各位可以學到更多知識,如果覺得文章不錯,請把它分享出去讓更多的人看到。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。