利用nodejs和websocket做一个简单的聊天室

君哥 阅读:2410 2023-02-16 10:59:07 评论:0

主体思路:利用node.js express 搭建服务器生成页面

大概步骤:

  1. 初始化 文件夹 npm init -y

  2. 安装express 和socket.io 两个包: npm i express socket.io

  3. 新建server.js 配置服务器,新建index.html 配置页面


利用nodejs和websocket做一个简单的聊天室  什么是节流与防抖 数组 replace trim JavaScript 第1张

server.js 代码

// 生成实例app
const app =require('express')()
// 使用app实例生成一个服务器实例
const server =require('http').createServer(app) 
// 引入socket.io
const {Server} =require('socket.io')
const io = new Server(server)

// 访问首页 给index.html
app.get('/', (req,res)=>{
    res.sendFile(__dirname+'/index.html')
})
// websocket 连接
io.on('connection', socket=>{
    console.log('有个MM来了聊天室');
    // 收到聊天信息
    socket.on('chat message' , msg=>{
        console.log(msg);
        // 再把消息广播给客户端
        io.emit('chat message',msg)
    })
    // 断开连接
    socket.on('disconnect',()=>{
        console.log('MM走了');
    })
})
// 监听服务器端口
server.listen('3033',()=>{
    console.log('服务器开启  http://127.0.0.1:3033/');
})


index.html代码 

 
    

 
    简易版聊天室
    
        
        发送

    
    

最新消息

                             


本文链接:https://www.yanjun202.com/post/71.html 

分享到:
可以去百度分享获取分享代码输入这里。
发表评论
搜索
排行榜
关注我们

扫一扫关注我们,了解最新精彩内容