Node.js用Socket.IO做聊天软件的实现示例

目录

• 效果
• index.html文件
• index.js
• 实现方法

效果

index.html文件

该页面主要是渲染聊天界面

    
    




    Send

index.js

该文件主要用于聊天信息后端处理

const express = require('express');
const app = express();
const http = require('http');
const server = http.createServer(app);
//引入socket.io
const {Server}=require('socket.io')
const io=new Server(server)

app.get('/', (req, res) => {
    res.sendFile(__dirname + '/index.html');
});
io.on('connection',(socket)=>{
    let name;
    socket.on('name message', (msg) => {
       name=msg;
       io.emit('name message', name+"已上线");
        socket.on("disconnect", (reason) => {
            io.emit('name message', name+"已断开");
        });
    });

    socket.on('chat message', (msg) => {
        io.emit('name message', name);
        io.emit('chat message', msg);
    });

})
server.listen(3000, () => {
    console.log('listening on *:3000');
});

实现方法

• 需要先下载三方模块，实现双方同行主要依赖于这个模块npm i socket.io
• 对于客户端分为发送信息和接收信息
• 发送请求，当监听到提交事件后，拿到文本框内容，通过socket.emit()向服务端发送信息，这里参数为事件名，传输内容，这里还有一个可选的回调函数
• 接受信息，socket.on()监听服务端发送过来的信息，这里参数为事件名，回调函数，服务端信息保存在回调函数里，通过创建一个li然后将服务端发的信息赋给li，再渲染到页面
• 对于服务端当用户上线或者下线时向所有用户发送提示信息和实时接受信息并发送给所有用户
• 引入socket.io模块后，需要将模块中的Srever结构出来，然后将原生http请求服务注册在socket的服务中
• 当客户端默认请求时，将index.html也就是聊天界面发送个客户端
• 客户端通过io.on(‘connection’,socket=>{})对服务端信息进行处理
• socket.on(‘name message’, msg=>{}）第一次上线发送
• socket.on(“disconnect”,reason=>{}）断开连接发送
• socket.on(‘chat message’,msg=>{})实时处理客户端发送的信息

 到此这篇关于Node.js用Socket.IO做聊天软件的实现示例的文章就介绍到这了,更多相关Node.js Socket.IO聊天内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！