Socket的三种解决方案

最新推荐文章于 2022-11-08 10:24:15 发布
最新推荐文章于 2022-11-08 10:24:15 发布
阅读量405 收藏 1
点赞数

1. .net的socket (思想)

1.1 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)


1.2 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>socket.io</title>
<script src="socket.io.js" charset="utf-8"></script>
</head>
<body>
    <h1>gp6 交流区</h1>
    <div id="content" name="name" style="overflow-y: scroll; width: 400px; height: 300px; border: solid 1px #000">  </div>
    <br />
    <div>
        <input type="text" id="msg" style="width: 200px;">
    </div>
    <button id="submit">提交</button>
<script>
    var socket = io.connect('服务器地址'); //如：'http://10.9.164.98:8081'    
    const content = document.getElementById('content')
    document.querySelector('#submit').addEventListener('click', function () {
        var msg2 = msg.value
        socket.emit('receive', msg2)
        msg.value = ''
        content.innerHTML += msg2 + '<br/>'
    }, false)

    socket.on('message', function(msg){
       content.innerHTML += msg + '<br/>'
    })
</script>
</body>
</html>

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 + '<br/>'
}

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

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

3.3.index.html

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>WebSocket</title>
<script src="WsClient.js" charset="utf-8"></script>
</head>
<body>
    <h1>交流区</h1>
    <div id="content" name="name" style="overflow-y: scroll; width: 400px; height: 300px; border: solid 1px #000"></div>
    <br />
    <div>
        <input type="text" id="msg" style="width: 200px;">
    </div>
    <button id="submit">提交</button>
<script>
    document.querySelector('#submit').addEventListener('click', function () {
            var msg2 = msg.value
            ws.send(msg2)
            msg.value = ''
    }, false)
</script>
</body>
</html>



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');
})
Duxiangtao
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
正确认识同轴与双绞线传输技术
編程愛好的专栏(球)
04-07 1724
正确认识同轴与双绞线传输技术   1.双绞线视频传输系统，具有较强的抗共模干扰能力。在有些应用工程中，如多信息综合布线系统，优势很大，在某些监控工程中，其综合成本与同轴电缆差不多，或低于同轴系统（但图像质量还有待进一步努力提高）。这些优点，产品生产厂家已经宣传的有过之无不及；值得注意的是，许多工程商被误导的已经不知道东南西北了。他们说，同轴电缆衰减比双绞线大多了，同轴电缆有干扰等等，认为双绞线一
socket简介
dkaq53672的博客
06-01 173
网络这块越了解感觉知道的越少,所以学习还是要继续,,,,,, Socket 0.几个名词: IPC—>Inter Process Communication,进程间通信 socket —> 套接字 TCP—>Transmission Control Protocol传输控制协议, 提供的是...
实现socket长连接的三种方式
longtengg1的博客
04-17 6976
长连接（socket）和短连接（ajax）。 长连接不存在跨域问题。 实现socket的三种方式： net，node的内置模块 socket.io 兼容性好，但是要先引入 websocket websocket是h5新增，低版本浏览器不兼容。 长连接的使用场景： 实时刷新 如果前端使用轮询，那么前端和服务端都要耗费资源，如果使用socket长连接，那么就只需服务端发送就可以了。 服务器端发起数据 ajax是前端主动往后端发送消息，后端无法主动往前端发送消息（服务器主动推送消息）。 socket的步骤
网络通信及Socket
weixin_30600503的博客
05-16 46
网络通信 一、网络分层： 1.物理层：提供信息传递的媒介，如同轴电线 2.数据链路层：负责建立、维持和释放数据连接，当接收点检测到所传数据中有错，则会通知发送失败重发一遍(对数据的识别) 3.网络层：当两个计算机之间出现若高数据链的时候，网络层的任务就是在若干的数据链路中间选择合适的链路确保数据的及时传送(选择合适的数据链路，确保数据的及时传送) 4.传输层：为两个终端建立，...
网络通信socket详解
mabin2005的专栏
09-02 8311
socket学习网站：http://c.biancheng.net/view/2124.html 一.什么是socket socket 的原意是“插座”，在计算机通信领域，socket 被翻译为“套接字”，它是计算机之间进行通信的一种约定或一种方式。通过 socket 这种约定，一台计算机可以接收其他计算机的数据，也可以向其他计算机发送数据。 socket 的典型应用就是 Web 服务器和浏览器：浏览器获取用户输入的 URL，向服务器发起请求，服务器分析接收到的 URL，将对应的网页内容返回给浏览..
Android完整Socket解决方案
08-28
Android 完整 Socket 解决方案 Android 完整 Socket 解决方案是指在 Android 平台上实现完整的 Socket 通信解决方案，该方案涵盖了 UDP 广播、TCP 连接、心跳机制等多个方面。该解决方案可以应用于各类 Android ...
Socket粘包问题的3种解决方案，最后一种最完美.docx
10-26
Socket 粘包问题的 3 种解决方案，最后一种最完美 在本文中，我们将讨论 Socket 粘包问题的 3 种解决方案，并详细解释每种解决方案的优缺点。最后，我们将介绍一种完美的解决方案，帮助开发者更好地解决 Socket ...
Android完整Socket解决方案.docx
10-26
Android完整Socket解决方案.docx
Android 一套完整的 Socket 解决方案.zip
最新发布
01-15
通过系统性的规划和执行，方案能够分析问题的根本原因，提供可行的解决方案，并引导实施过程，确保问题得到合理解决。 目标达成： 方案通常与明确的目标相关联，它提供了一种达成这些目标的计划。无论是企业战略、...
常用的三种socket总结
我要出家当道士
07-07 2828
网络编程中常用的三种socket介绍，简略版
三种SOCKET通信方式
06-08
三种不同的方法进行端对端通信,主要有SOCKET, TCP,UDP通信原理
网络编程- socket编程 - 网络基本概念
qq_51575088的博客
07-02 221
第一节 网络基本概念 计算机网络 ISO/OSI模型和TCP/IP协议栈 TCP与UDP区别和联系 IP地址和端口号 1.1计算机网络 计算机网络是指将地理位置不同的具有独立功能（）的多台计算机及其外部设备，通过通信线路连接起来，在网络操作系统，网络管理软件及网络通信协议的管理和协调下，实现资源共享和信息传递的计算机系统 独立功能:没有网络可以独立存在的，不依附网络 终端：非独立: 超市结算终端（键盘+显示器） 计算机网络定义分析 主干：计算机网络是计算机系统 网络功能：资源共享 信息传递 网络
JS案例：Socket聊天室（两种方式）
02-02 1万+
一.socket轮询（每隔一段时间向后端请求一次，增加服务器压力）: 由于socket连接时采用ws/wss协议，页面必须放在服务器端，所以首先用node产生一个静态文件夹，方便通过IP直接访问 static.js: const express = require('express');//这里要引入express const app = express(); const path = r...
实现即时通讯的几种方式之 socket.io 方式详解
蒲公英芽的博客
03-30 3343
前言 在标准的HTTP协议中，浏览器发起请求，服务器返回一个响应，这意味着在浏览器发起新请求前，服务器不能发送新信息给客户端浏览器； WebSocket 规范出来之前，开发人员想实现这些实时的 Web 应用，不得不采用一些折衷的方案，其中最常用的就是轮询和 Comet 技术，而 Comet 技术实际上是轮询技术的改进，又可细分为两种实现方式，一种是长轮询机制，一种称为http流（长连接）。下面我们...
socket.io持续返回数据渲染问题
qq_62809806的博客
11-08 269
socket.io持续返回数据渲染问题
大并发量 socket 通信的解决方案
冷月宫主的专栏
03-19 5912
大并发量socket通信的解决方案                        --MINA框架的使用心得及相关要点 目录 前言... 1 What is MINA.. 2 使用案例：... 2 Apache直属MINA的子项目：... 3 同类框架：... 3 MINA快速入门... 3 预备知识：... 3 资源下载：... 4 Hello world的
Socket通讯产生阻塞的解决方案
热门推荐
u011505172的博客
05-16 1万+
Socket通讯正常想实现的流程： 是客户端给服务端发送发送报文，当服务端接收到报文后，给客户端一个反馈信息。 目前代码实现情况是： 客户端和服务端在read时都被阻塞了，经过反复的查阅相关资料和测试，发现了问题的根本。 导致read阻塞的原因是： 当客户端给服务端发送完数据的时候服务端在读取数据，但是服务端没有办法判断什么时候会自动中断，所以服务端会在这个地方阻塞。
Node.js Net 模块的所有事件和方法&&net.Socket
别忘了微笑
09-26 4156
http://blog.csdn.net/mingcai_xiong/article/details/51762877
Socket的三种通信模型-BIO、NIO和AIO
洋葱专栏-有灵魂的程序员
08-14 5015
1、BIO编程 一个连接一个线程 1)传统的BIO编程 网络编程的基本模型是C/S模型，即两个进程间的通信；HTTP请求之后，进行域名解析、三次握手建立连接、连接成功之后，套接字进行通信； 传统的就是同步阻塞，双方是输入和输出流同步阻塞通信； 通常由一个独立的Acceptor线程负责监听客户端的连接，接收客户端请求之后为每个客户端建立新线程进行链路处理，通过输出流返回给客户端，然后再...
socket write error解决办法
04-29
"socket write error" 是网络编程中常见的错误之一，它通常表示在写数据时出现了错误。...总之，要解决 "socket write error"，就需要仔细排查问题并逐步尝试各种解决办法，直到找到适合自己情况的解决方案。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值