广告
返回顶部
首页 > 资讯 > 精选 >js代码如何实现多人聊天室
  • 308
分享到

js代码如何实现多人聊天室

2023-06-25 15:06:14 308人浏览 八月长安
摘要

这篇文章将为大家详细讲解有关js代码如何实现多人聊天室,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。设计要求:1)用户应通过注册登录聊天室2)聊天室可以显示所有在线用户3)在每一条聊天内容之前,显示发出这

这篇文章将为大家详细讲解有关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("聊天室已关闭!!");})

关于“js代码如何实现多人聊天室”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。

--结束END--

本文标题: js代码如何实现多人聊天室

本文链接: https://www.lsjlt.com/news/305564.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • js代码实现多人聊天室
    本文实例为大家分享了js代码实现多人聊天室的具体代码,供大家参考,具体内容如下 设计要求: 1)用户应通过注册登录聊天室 2)聊天室可以显示所有在线用户 3)在每一条聊天内容之前,显...
    99+
    2022-11-12
  • js代码如何实现多人聊天室
    这篇文章将为大家详细讲解有关js代码如何实现多人聊天室,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。设计要求:1)用户应通过注册登录聊天室2)聊天室可以显示所有在线用户3)在每一条聊天内容之前,显示发出这...
    99+
    2023-06-25
  • C++实现多人聊天室
    本文实例为大家分享了C++实现多人聊天室的具体代码,供大家参考,具体内容如下 UDP 服务端代码: // Test_Console.cpp : 定义控制台应用程序的入口点。 //...
    99+
    2022-11-12
  • Java NIO实现多人聊天室
    本文实例为大家分享了Java NIO实现多人聊天室的具体代码,供大家参考,具体内容如下 1. 服务器端代码 ChatServer类: package nio.test.serve...
    99+
    2022-11-12
  • Redis实现多人多聊天室功能
    本文为大家分享了Redis支持多人多聊天室功能的设计代码,供大家参考,具体内容如下 设计原理 左边的一个数据域,代表两个聊天室,聊天室id分别是827,729 在聊天室827里,有2个人,分别是jaso...
    99+
    2022-06-04
    多人多 聊天室 功能
  • Java编写实现多人聊天室
    本文实例为大家分享了Java实现多人聊天室的具体代码,供大家参考,具体内容如下 1.客户端 package tk.javazhangwei.net.tcp.chat.Demo03; ...
    99+
    2022-11-13
  • java实现多人聊天对话室
    使用ServerSocket和Socket实现服务器端和客户端的Socket通信。 了解完socket通信步骤后可以发现本实验需要写两个类:Server和Client,并且要先运行...
    99+
    2022-11-12
  • C#实现简易多人聊天室
    本文实例为大家分享了C#实现简易多人聊天室的具体代码,供大家参考,具体内容如下 只有一个群聊的功能 服务端 using System; using System.Collectio...
    99+
    2022-11-13
  • 利用C++实现多人聊天室
    本篇内容主要讲解“利用C++实现多人聊天室”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“利用C++实现多人聊天室”吧!本文实例为大家分享了C++实现多人聊天室的具体代码,供大家参考,具体内容如下...
    99+
    2023-06-20
  • Java实现多人聊天室的原理与源码
    多人聊天室原理图 源码 工具类: 该类用于关闭各种流。 public class CloseUtil { public static void CloseAll(Close...
    99+
    2022-11-12
  • java实现多人聊天室可视化
    编写一个 Java 应用程序,实现图形界面多人聊天室(多线程实现),要求聊天室窗口标题是 “欢迎使用 XXX 聊天室应用”,其中 XXX 是自己的班级姓名学号...
    99+
    2022-11-13
  • Java基于Socket实现多人聊天室
    本文实例为大家分享了Java基于Socket实现简易版多人聊天室的具体代码,供大家参考,具体内容如下 一、 聊天室需求 1、一个服务端,多个客户端;2、实现客户端和服务端的交互;3、...
    99+
    2022-11-13
  • Java实现多人聊天室(含界面)
    本文实例为大家分享了Java实现多人聊天室的具体代码,供大家参考,具体内容如下 先说,记录本人的学习过程,当笔记了 多人聊天室分为 1.服务器 ①.while循环 (guanbo) ...
    99+
    2022-11-13
  • Java多线程实现多人聊天室功能
    本文为大家分享了Java多线程实现多人聊天室功能的具体代码,供大家参考,具体内容如下 1.实验目的: 编写一个 Java 应用程序,实现图形界面多人聊天室(多线程实现),要求聊天室窗...
    99+
    2022-11-12
  • java怎么实现多人聊天对话室
    这篇文章给大家分享的是有关java怎么实现多人聊天对话室的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。使用ServerSocket和Socket实现服务器端和客户端的Socket通信。了解完socket通信步骤后...
    99+
    2023-06-20
  • 小小聊天室Python代码实现
    相对于Java方式的聊天室,Python同样可以做得到。而且可以做的更加的优雅。想必少了那么多的各种流的Python Socket,你一定会喜欢的。 至于知识点相关的内容,这里就不多说了。 UDP方式 服...
    99+
    2022-06-04
    聊天室 代码 Python
  • Java Socket+多线程实现多人聊天室功能
    本文实例为大家分享了Java Socket+多线程实现多人聊天室的具体代码,供大家参考,具体内容如下 思路简介 分为客户端和服务器两个类,所有的客户端将聊的内容发送给服务器,服务器接...
    99+
    2022-11-12
  • C#如何使用Socket实现本地多人聊天室
    这篇文章主要介绍C#如何使用Socket实现本地多人聊天室,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!【脚本一:Server端】使用本机地址:127.0.0.1完整代码using System;using...
    99+
    2023-06-29
  • Javasocket通信模拟QQ实现多人聊天室
    目录一、socket通信基本原理二、用socket制作一个多人聊天室三、实现效果四、总结一、socket通信基本原理 socket 通信是基于TCP/IP ⽹络层上的⼀种传送⽅式,我...
    99+
    2022-11-13
  • 基于Nodejs利用socket.io实现多人聊天室
    socket.io简介 在Html5中存在着这样的一个新特性,引入了websocket,关于websocket的内部实现原理可以看这篇文章,这篇文章讲述了websocket无到有,根据协议,分析数据帧的头,...
    99+
    2022-06-04
    聊天室 Nodejs socket
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作