這篇文章主要介紹了node.js + socket.io 實現點對點隨機匹配聊天,具有一定的參考價值,感興趣的小伙伴們可以參考一下
真心佩服那些可以經常發布筆記的人,其實我也想經常發來的,奈何技術不夠加上懶,要向大神們多多學習了,前段時間有用bomb平台自帶的socket寫一個聊天室,其實基本就是改了改它的demo,這次想實現一個隨機私聊,所以自己基於node 和socket.io 來搭服務,當然,第一次用node做東西玩,雖然做的不好,但是也蠻分享下哈。
先說說用到的東西, 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來達到點對點的資料傳輸。
接下來就是資料處理咯,如何取到對方的id啊等等,鑑於我表達能力有限,加上懶,就不囉嗦啦~~ 程式碼我都託管在github歡迎自己下下來看咯
以上是node.js + socket.io 實作聊天功能詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章!

不同JavaScript引擎在解析和執行JavaScript代碼時,效果會有所不同,因為每個引擎的實現原理和優化策略各有差異。 1.詞法分析:將源碼轉換為詞法單元。 2.語法分析:生成抽象語法樹。 3.優化和編譯:通過JIT編譯器生成機器碼。 4.執行:運行機器碼。 V8引擎通過即時編譯和隱藏類優化,SpiderMonkey使用類型推斷系統,導致在相同代碼上的性能表現不同。

JavaScript在現實世界中的應用包括服務器端編程、移動應用開發和物聯網控制:1.通過Node.js實現服務器端編程,適用於高並發請求處理。 2.通過ReactNative進行移動應用開發,支持跨平台部署。 3.通過Johnny-Five庫用於物聯網設備控制,適用於硬件交互。

我使用您的日常技術工具構建了功能性的多租戶SaaS應用程序(一個Edtech應用程序),您可以做同樣的事情。 首先,什麼是多租戶SaaS應用程序? 多租戶SaaS應用程序可讓您從唱歌中為多個客戶提供服務

本文展示了與許可證確保的後端的前端集成,並使用Next.js構建功能性Edtech SaaS應用程序。 前端獲取用戶權限以控制UI的可見性並確保API要求遵守角色庫

JavaScript是現代Web開發的核心語言,因其多樣性和靈活性而廣泛應用。 1)前端開發:通過DOM操作和現代框架(如React、Vue.js、Angular)構建動態網頁和單頁面應用。 2)服務器端開發:Node.js利用非阻塞I/O模型處理高並發和實時應用。 3)移動和桌面應用開發:通過ReactNative和Electron實現跨平台開發,提高開發效率。

JavaScript的最新趨勢包括TypeScript的崛起、現代框架和庫的流行以及WebAssembly的應用。未來前景涵蓋更強大的類型系統、服務器端JavaScript的發展、人工智能和機器學習的擴展以及物聯網和邊緣計算的潛力。

JavaScript是現代Web開發的基石,它的主要功能包括事件驅動編程、動態內容生成和異步編程。 1)事件驅動編程允許網頁根據用戶操作動態變化。 2)動態內容生成使得頁面內容可以根據條件調整。 3)異步編程確保用戶界面不被阻塞。 JavaScript廣泛應用於網頁交互、單頁面應用和服務器端開發,極大地提升了用戶體驗和跨平台開發的靈活性。

Python更适合数据科学和机器学习,JavaScript更适合前端和全栈开发。1.Python以简洁语法和丰富库生态著称,适用于数据分析和Web开发。2.JavaScript是前端开发核心,Node.js支持服务器端编程,适用于全栈开发。


熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

AI Hentai Generator
免費產生 AI 無盡。

熱門文章

熱工具

mPDF
mPDF是一個PHP庫,可以從UTF-8編碼的HTML產生PDF檔案。原作者Ian Back編寫mPDF以從他的網站上「即時」輸出PDF文件,並處理不同的語言。與原始腳本如HTML2FPDF相比,它的速度較慢,並且在使用Unicode字體時產生的檔案較大,但支援CSS樣式等,並進行了大量增強。支援幾乎所有語言,包括RTL(阿拉伯語和希伯來語)和CJK(中日韓)。支援嵌套的區塊級元素(如P、DIV),

WebStorm Mac版
好用的JavaScript開發工具

VSCode Windows 64位元 下載
微軟推出的免費、功能強大的一款IDE編輯器

EditPlus 中文破解版
體積小,語法高亮,不支援程式碼提示功能

MantisBT
Mantis是一個易於部署的基於Web的缺陷追蹤工具,用於幫助產品缺陷追蹤。它需要PHP、MySQL和一個Web伺服器。請查看我們的演示和託管服務。