js聊天室小demo

最新推荐文章于 2023-02-24 21:42:56 发布

一世-长安

最新推荐文章于 2023-02-24 21:42:56 发布

阅读量229

点赞数

文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/qq_57589085/article/details/127771767

版权

本文通过JavaScript演示了如何创建一个简单的聊天室应用，包括服务端和网页端的实现，允许两个用户进行交互。

摘要由CSDN通过智能技术生成

服务端：

const ws = require('nodejs-websocket')
const arr = {}
const server = ws.createServer((socket) => {
  socket.on('text',(str) => {
    var data = JSON.parse(str)
    console.log(data)
    if(arr[data.username]){
      for(const item in arr){
        arr[item].sendText(JSON.stringify({
          username: data.username,
          text: data.message
        }))
      }
    }
    else{
      arr[data.username] = socket
    }
  })
}).listen(4000)

网页端：

第一个用户

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <style type="text/cs