webSoket--ws模块

安装

npm i --save ws

服务端

const WebSocket = require('ws')const wss = new WebSocket.Server({port: 5852
})wss.on('connection', ws => {console.log(`[SERVER] connection()`)ws.on('message', message => {console.log(`[SERVER] Received: ${message}`)ws.send(`ECHO: ${message}`, error => {if (error) {console.log(`[SERVER] error: ${error}`)}})})
})

运行服务端 node server.js

客户端

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><input id="sendTxt" type="text"><button id="sendMessage">发送</button><div id="infoBox"></div><script>// 创建WebSoket对象var ws = new WebSocket('ws://localhost:5852')// 连接建立时触发ws.onopen = function () {console.log('WebSocket已连接')document.getElementById('infoBox').innerHTML = '已连接'// 使用连接发送数据// ws.send('hello')}// 客户端接收服务端数据时触发ws.onmessage = function (msg) {console.log(msg)// 关闭连接ws.close()}// 通信发生错误时触发ws.onerror = function (error) {console.log(error)}// 连接关闭时触发ws.onclose = function () {console.log('WebSocket已关闭')}// 点击按钮发送消息document.getElementById('sendMessage').onclick = function () {var txt = document.getElementById('sendTxt').value// 使用连接发送数据ws.send(txt)document.getElementById('infoBox').innerHTML = txt}</script>
</head><body></body></html>

服务端运行截图

文件目录截图

webSoket--ws模块相关推荐

js ws 状态_node.js中ws模块创建服务端和客户端，网页WebSocket客户端
首先下载websocket模块,命令行输入 npm install ws 1.node.js中ws模块创建服务端 // 加载node上websocket模块 ws; var ws = require( ...
node.js中ws模块创建服务端和客户端，网页WebSocket客户端
首先下载websocket模块,命令行输入 npm install ws 1.node.js中ws模块创建服务端 // 加载node上websocket模块 ws; var ws = require( ...
基于node.js的ws模块和net模块实现的浏览器与tcp客户端实时通讯小例程
适用于物联网设备的接入,网页端实时监控终端数据的场景项目运行测试通讯功能描述项目运行项目地址:tcp-ws 下载之后进入文件夹,控制台执行npm install安装依赖包. 安装完毕后npm ...
WebSocket的几个模块(node.js)(未完)
1.ws模块 npm install ws 2.nodejs-websocket npm nodejs-websocket 3.socket.io模块 npm install socket.io 转载 ...
websocket ws 协议简介
一.内容概览 WebSocket的出现,使得浏览器具备了实时双向通信的能力.本文由浅入深,介绍了WebSocket如何建立连接.交换数据的细节,以及数据帧的格式.此外,还简要介绍了针对WebSocke ...
python websocket模块_python websocket学习使用
前言今天看了一些资料,记录一下心得. websocket是html5引入的一个新特性,传统的web应用是通过http协议来提供支持,如果要实时同步传输数据,需要轮询,效率低下 websocket是类 ...
Node.js websocket/ws 详解
前言众所周知,HTTP协议是一种无状态.无连接.单向的应用层协议,只能由客户端发起请求,服务端响应请求. 这就显示了一个明显的弊端:服务端无法主动向客户端发起消息,一旦客户端需要知道服务端的频繁状态 ...
nodejs导入模块
参考:https://www.jmjc.tech/less/114 简介: NodeJs,一个文件就是一个模块. Node.js是一个事件驱动I/O服务端JavaScript环境,基于Google的V ...
nodejs中，实现HTTP协议和WS协议复用同一端口
00.前言最近在写一个网页,需要用到后端的websocket服务,由于不需要太复杂的功能,后端选择使用nodejs的nodejs-websocket模块.在开发过程中发现还需要http服务,但n ...
ws协议服务器,Node.js WebSocket 协议
WebSocket websocket 是 HTML5 标准的一个新的网络协议.它是基于 HTTP 协议之上的扩展,是一种可以双向通信的协议. 传统的 HTTP 协议通信,服务端是不能主动发信息给 ...

webSoket--ws模块

安装

服务端

客户端

webSoket--ws模块相关推荐

最新文章

热门文章