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

大概步骤：

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

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

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

   
   

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://yanjun202.com/post/71.html