socket几种解决方式

最新推荐文章于 2025-05-14 13:46:09 发布

yxskr

最新推荐文章于 2025-05-14 13:46:09 发布

阅读量1k

点赞数 1

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/yxskr/article/details/93220323

本文介绍了三种使用Socket进行通信的方式：1) 使用Node.js的net模块创建简单的聊天室；2) 通过socket.io实现实时双向通信，适用于低版本PC端；3) 利用WebSocket技术，支持H5的实时通讯，常见于移动端应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.net的socket (思想)
SocketServer.js
const net = require(‘net’)

const server = new net.createServer()

let clients = {}
let clientName = 0

server.on(‘connection’, (client) => {
client.name = ++clientName
clients[client.name] = client

//对客户端发送数据的监听
client.on(‘data’, (msg) => {
// console.log(‘客户端传来：’ + msg);
broadcast(client, msg.toString())
})

    client.on('error', (e) => {
        console.log('client error' + e);
        client.end()
    })

//客户端下线提示

    client.on('close', (data) => {
        delete clients[client.name]
        console.log(client.name + ' 下线了');
    })

})

//进行消息广播
function broadcast(client, msg) {
for (var key in clients) {
clients[key].write(client.name + ’ 说：’ + msg)
}
}

server.listen(9000)

SocketClient.js

var net = require(‘net’)
const readline = require(‘readline’)

var port = 9000
var host = ‘127.0.0.1’

var socket = new net.Socket()

socket.setEncoding = ‘UTF-8’

socket.connect(port, host, () => {
socket.write(‘hello.’)
})

socket.on(‘data’, (msg) => {
console.log(msg.toString())
say()
})

socket.on(‘error’, function (err) {
console.log(‘error’ + err);
})

socket.on(‘close’, function () {
console.log(‘connection closeed’);
})

//用户端命令行输入信息

const r1 = readline.createInterface({
input: process.stdin,
output: process.stdout
})

function say() {
r1.question(‘请输入：’, (inputMsg) => {
if (inputMsg != ‘bye’) {
socket.write(inputMsg + ‘\n’)
} else {
socket.destroy()
r1.close()
}
})
}

2.socket.io（低版本的pc端）
目录结构

2.1 server.js
var express = require(‘express’);
var app = express();
var server = require(‘http’).Server(app);
var io = require(‘socket.io’)(server);

app.use(express.static(__dirname + ‘client’))

io.on(‘connection’, function (socket) {
//广播信息 data message receive
socket.on(‘receive’, (msg) => {
socket.broadcast.emit(‘message’, msg);
})
});

server.listen(8081, ‘ip地址’);

2.2 package.json
{
“dependencies”: {
“express”: “^4.16.3”,
“socket.io”: “^2.1.1”
}
}

2.3 index.html

socket.io

聊天室

提交

3.webSocket（h5的功能，多用于移动端）

目录结构

3.1.webSocketServer.js
const WebSocket = require(‘ws’)
const ws = new WebSocket.Server({ port: 8080 })

let clients = {}
let clientName = 0

ws.on(‘connection’, (client) => {
client.name = ++clientName
clients[client.name] = client

client.on('message', (msg) => {
    console.log(msg)//客户端接受到的信息
    broadcast(client, msg)
})

client.on('close', () => {
    delete clients[client.name]
    console.log(client.name + ' 离开了~')
})

})

function broadcast(client, msg) {
for (var key in clients) {
clients[key].send(client.name + ’ 说：’ + msg)
}
}
3.2.webClient.js
const ws = new WebSocket(‘ws://localhost:8080/’)

ws.onopen = () => {
ws.send(‘大家好’)
}

ws.onmessage = (msg) => {
const content = document.getElementById(‘content’)
content.innerHTML += msg.data + ‘
’
}

ws.onerror = (err) => {
console.log(err);
}

ws.onclose = () => {
console.log(‘closed~’);
}

3.3.index.html

WebSocket

3.4.server.js
const express = require(‘express’)

const app = express()

app.use(express.static(__dirname + ‘/client’))

app.listen(3000, ‘localhost’, () => {
console.log(‘localhost:3000’);
})