js程式碼實現多人聊天室
本文例項為大家分享了js程式碼實現多人聊天室的具體程式碼,供大家參考,具體內容如下
設計要求:
1)使用者應通過註冊登入聊天室
2)聊天室可以顯示所有線上使用者
3)在每一條聊天內容之前,顯示發出這條聊天內容的使用者名稱。
4)可進行私密聊天。
5)當使用者進入和離開聊天室時,系統會在聊天室裡廣播
config.js 程式碼如下
module.exports={ "port":3000, "host":"127.0.0.1" }
broadcast.js 程式碼如下
exports.broadcast=function (data,users) { var from=data.from; var message=data.message; message = from+"說: "+message; //構建訊息 var send={ mstype:"broadcast", message:message }; send =new Buffer(JSON.stringify(send)); //遍歷使用者組所有使用者,出傳送方的所有使用者 for(var username in users){ if(username!=from){ users[username].write(send); } } };
Signup.js
程式碼如下
exports.signup = function (socket,data,users) { //獲取註冊使用者的使用者名稱 var username=data.username; if(!users[username]){ //不存在,則儲存使用者名稱和socket users[username]=socket; var send={ mstype:"signup", code:1000, username:username, message:"註冊成功" }; socket.write(JSON.stringify (send)); }else{//cunzai var send={ mstype:"signup", code:1001, message: "使用者名稱已被佔,請重新輸入使用者名稱" } socket.write(JSON.stringify(send)); } };
p2p.js
程式碼如下
exports.p2p=function (socket,data,users) { var from=data.from; var to=data.to; var message=data.message; var receiver=users[to]; if(!receiver){//接收方不存在 var send={ mstype:"p2p", code:2001, message:"使用者"+to+"不存在" } socket.write(JSON.stringify(send)); }else{ //存在則向接收方傳送資訊 var send={ mstype:"p2p", code:2000, from:from, message:from+"對你說"+message } receiver.write(JSON.stringify(send)); } };
Server伺服器端程式碼
/p2p 聊天室伺服器 var net=require("net"); var config=require("./config"); var broadcast=require("./broadcast"); var p2p=require("./p2p"); var signup=require("./signup"); var users={}; var server=net.createServer(); server.on ("connection",function (socket) { socket.on("data",function (data) { data = JSON.parse(data); switch (data.mstype) { case "signup": signup.signup(socket, data, users); break; case "broadcast": broadcast.broadcast(data, users); break; case "p2p": p2p.p2p(socket, data, users); break; default: break; } }); socket.on("error",function () { console.log("有客戶端異常退出了"); }); }); server.listen(config.port,config.host,function () { console.log("伺服器在埠"+config.port+"啟動監聽"); });
Client客戶端
程式碼如下:
var net=require("net"); var config=require("./config"); var Client=net.createConnection({ port:config.port, host:config.host }); var username; Client.on("connect",function () { console.log("請輸入使用者名稱:"); process.stdin.on("data",function (data){ data=data.toString().trim(); //判斷使用者是否已經存在 if(! username){ var send={ mstype:"signup", username:data }; Client.write(JSON.stringify(send)); return; } var regex=/(.{1,18}):(.+)/; var matches=regex=regex.exec(data); if(matches){ //能匹配則是p2p var from=username;//傳送方是自己 var to=matches[1];//發給誰 var message=matches[2]; //構造JSON形式資訊 var send={ mstype: "p2p", from:username, to:to, message:message }; Client.write(JSON.stringify(send)); }else{ //廣播 var send={ mstype:"broadcast", from:username, message:data }; Client.write(JSON.stringify(send)); } }); }); Client.on("data",function (data) { data=JSON.parse(data); switch (data.mstype) { case "signup": var code=data.code; switch (code) { case 1000: username=data.username; console.log(data.message); break; case 1001: console.log(data.message); break; default: break; } break; case "broadcast": console.log(data.message); break; case "p2p": var code=data.code; switch (code) { case 2000: console.log(data.message); break; case 2001: console.log(data.message); break; default: break; } break; default: break; } }); Client.on("error",function () { console.log("聊天室已關閉!!"); })
以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支援指令碼之家。
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/70015113/viewspace-2869937/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- Apache MiNa + smack +openfilre 實現多人聊天室ApacheMac
- Python基於Socket實現簡易多人聊天室Python
- Java建立 多人聊天室Java
- Go語言專案實戰:多人聊天室Go
- [JAVA]多人聊天室控制檯實現,服務端向所有客戶端下發訊息實現Java服務端客戶端
- 用Java程式碼實現一個簡單的聊天室功能Java
- Node.js+websocket+mongodb實現即時聊天室Node.jsWebMongoDB
- Node.js中TCP及聊天室的實現Node.jsTCP
- Python實現多人線上匿名聊天的小程式Python
- webscoket+jsp實現簡單的多人聊天頁面WebJS
- js實現的密碼強度提示程式碼JS密碼
- Vue開發多人聊天室 覆盤總結Vue
- 原生Node 實現聊天室
- nodeJS程式碼實現計算交社保程式碼例項NodeJS
- 基於Netty實現的WebSocket聊天室--支援多人同時線上及定時心跳檢測NettyWeb
- js實現jquery的extend()程式碼例項JSjQuery
- js實現的警告框例項程式碼JS
- js實現文字框提示程式碼例項JS
- js實現開啟應用程式程式碼例項JS
- nodjs+socket.io+webRTC實現聊天室實錄之環境配置JSWeb
- js實現的點選表格行實現背景變色程式碼JS
- [練手專案]Gin+websocket 的多人聊天室Web
- Websocket 直播間聊天室教程 - GoEasy 快速實現聊天室WebGo
- 20 行 JS 程式碼實現貼上板功能JS
- 用 65 行程式碼實現 JS 動畫序列播放行程JS動畫
- js實現的郵箱格式驗證程式碼JS
- js實現的冪運算程式碼例項JS
- js實現的元素運動程式碼例項JS
- js利用cookie實現的計數功能程式碼JSCookie
- js實現刮刮樂抽獎效果程式碼例項JS
- 不到30行JS程式碼實現的Excel表格JSExcel
- 使用js實現儲存讀取js字串程式碼例項JS字串
- js實現的json格式資料排序程式碼例項JSON排序
- “兩行”程式碼,幫你快速實現FaceTime的新多人視訊通話效果
- 實現一個簡單的視訊聊天室(原始碼)原始碼
- 實現一個簡單的語音聊天室(原始碼)原始碼
- laravel5.4實現實時聊天室Laravel
- 幾道JS程式碼手寫題以及一些程式碼實現JS