当前位置： 首页 > news >正文

webScoket

news 2026/5/22 23:00:36

 webScoket是什么？

  • 支持端对端通讯
  • 可以由客户端发起，也可以有服务端发起
  • 用于消息通知、直播间讨论区、聊天室、协同编辑等

做一个简单的webScoket

客户端配置： 

1、新建一个页面叫web-scoket.html

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>webScoket</title>
</head>
<body><p>webScoket</p><button id="btn-send">发送消息</button><script>const btnSend = document.getElementById('btn-send')</script>
</body>
</html>

服务器端配置： 

1、进入一个目录执行npm init -y

注意：执行以上命令，会生成一个package.json的文件

{"name": "web-scoket-sever","version": "1.0.0","description": "","main": "index.js","scripts": {"test": "echo \"Error: no test specified\" && exit 1"},"keywords": [],"author": "","license": "ISC"
}

2、安装ws和nodemon插件、以下是安装插件的命令 

sudo cnpm i ws
sudo cnpm i nodemon

3、在文件夹下新建一个src目录，在src目录下新建index.js文件 

const { WebSocketServer } = require('ws')//new 一个webScoket服务，端口号为3000
const wsServer = new WebSocketServer({ port: 3000 })//监听连接connection，
wsServer.on('connection', wx => {console.info('connection');//监听信息，msg客户端传递过来的信息wx.on('message', msg => {console.info('收到信息', msg);//收到信息2秒后，给客户端一个反馈setTimeout(() => {//we.send给客户端发送信息we.send('服务端已收到信息！' + msg.toString())}, 2000)})
})

4、修改package.json文件中的代码

 "dev": "nodemon src/index.js"

5、代码执行npm run dev启动服务

相关文章：

webScoket

webScoket是什么&#xff1f; 支持端对端通讯可以由客户端发起&#xff0c;也可以有服务端发起用于消息通知、直播间讨论区、聊天室、协同编辑等 做一个简单的webScoket 客户端配置&#xff1a; 1、新建一个页面叫web-scoket.html <!DOCTYPE html> <html lang"…...

编程日记 2023/8/2 9:35:41

【C语言初阶（20）】调试练习题

文章目录 前言实例1实例2 前言 在我们开始调试之前&#xff0c;应该有个明确的思路&#xff1b;程序是如何完成工作的、变量到达某个步骤时的值应该是什么、出现的问题大概会在什么位置。这些东西在调试之前都需要先确认下来&#xff0c;不然自己都不知道自己在调试个什么东西…...

编程日记 2023/8/2 9:34:34

MicroPython ESP32网页实时更新DHT11数据显示

MicroPython ESP32网页实时更新DHT11数据显示 &#x1f4cc;相关篇《MicroPython ESP32 读取DHT11温湿度传感器数据》&#x1f4cd;《【Micropython esp32/8266】网页点灯控制示例》 ✨本例综合以上两篇文章内容实现&#xff1a;在本地网页中显示DHT11温度传感器数据。可以做到…...

编程日记 2023/8/2 9:33:29

JavaWeb之HTML基础篇（一）

系列文章目录 HTML基础篇&#xff08;一&#xff09; 文章目录 系列文章目录HTML基础篇&#xff08;一&#xff09;[TOC](文章目录) 前言一、HTML简介1.1介绍1.2HTML文件的书写规范1.3 HTML标签介绍1.4 HTML常见的标签 二、CSS的简介2.1css技术介绍2.2 CSS与HTML结合的三种方式…...

编程日记 2023/8/2 9:32:28

TVM_深度学习编译器

TVM_深度学习编译器 TVM所做的是要比传统compiler更偏上层的，你可以把它理解成source-to-source compiler，需要其他的后端(backend)来生成最后的指令。比如当编译的Target是Intel CPU时，翻译的顺序是Relay IR -> TVM IR/ Halide IR -> LLVM IR，之后交给LLVM生成最后…...

编程日记 2023/8/2 9:31:26

Flutter InheritedWidget 共享状态管理

InheritedWidget和React中的context功能类似&#xff0c;可以实现跨组件数据的传递。 定义一个共享数据的InheritedWidget&#xff0c;需要继承自InheritedWidget 这里定义了一个of方法&#xff0c;该方法通过context开始去查找祖先的HYDataWidget&#xff08;可以查看源码查找…...

编程日记 2023/8/2 9:30:25

什么是反射？Java反射？反射的优缺点

目录 什么是反射&#xff08;Reflection &#xff09;&#xff1f;Java反射&#xff1f;反射的优缺点获取Class对象的三种方式&#xff1a;java反射技术的应用场景 什么是反射&#xff08;Reflection &#xff09;&#xff1f; 主要是指程序可以访问、检测和修改它本身状态或行…...

编程日记 2023/8/2 9:29:22

小红书2020校招测试开发后端笔试题卷三

//完全背包求组合数 #include <iostream> #include<vector> #include<set> #include<map> #include<algorithm> using namespace std; int value[300]; // vector<int>vis; // vector<int>vis1; map<vector<int>,int>m…...

编程日记 2023/8/2 9:28:21

python数据可视化Matplotlib

1.绘制简单的折线图 # -*- coding: utf-8 -*- import matplotlib.pyplot as pltinput_values [1, 2, 3, 4, 5] squares [1, 4, 9, 16, 25] plt.style.use(seaborn) fig, ax plt.subplots() ax.plot(input_values, squares, linewidth3) # 线条粗细# 设置图表标题并给坐标…...

编程日记 2023/8/2 9:27:20

firewalld防火墙

firewalld防火墙 它属于包过滤防火墙。工作在网络层&#xff0c;是centos7自带的默认防火墙。主要是取代iptables。 firewalld的两种配置模式&#xff1a; 分别是运行时配置和永久配置。 iptable是静态防火墙 firewalld是动态防火墙 它是按照区域来划分的&#xff0c;有9…...

编程日记 2023/8/2 9:26:19

iMacros WebBrowser Component for .NET

iMacros WebBrowser Component for .NET 在几分钟内实现应用程序自动化 快速轻松地将iMacro集成到您的应用程序中。不需要单独的安装程序。 无缝集成 iMacros与您的.NET应用程序无缝集成&#xff0c;作为Microsoft WebBrowser控件的替代品。它甚至可以用作每个.NET应用程序中的…...

编程日记 2023/8/2 9:25:17

3，堆，桶排序，排序总结【p4-p5】

桶排序&#xff0c;排序总结 3.1堆3.1.1堆结构3.1.1.1完全二叉树3.1.1.2堆分为大根堆和小根堆3.1.1.2.1案例1-去掉最大数字&#xff0c;使剩下的数字依然是大根堆3.1.1.2.2案例23.1.1.2.3案例33.1.1.2.4案例4-方便制造大根堆方法 3.1.2堆排序3.1.2.1案例-堆排序的扩展3.1.2.1.1…...

编程日记 2023/8/2 9:24:16

使用langchain与你自己的数据对话(四)：问答(question answering)

之前我已经完成了使用langchain与你自己的数据对话的前三篇博客&#xff0c;还没有阅读这三篇博客的朋友可以先阅读一下&#xff1a; 使用langchain与你自己的数据对话(一)&#xff1a;文档加载与切割使用langchain与你自己的数据对话(二)&#xff1a;向量存储与嵌入使用langc…...

编程日记 2023/8/2 9:23:15

如何快速开拓海外华人市场？附解决方案！

开拓华人市场对于企业来说是非常必要的。华人市场庞大且潜力巨大&#xff0c;拥有巨额的消费能力。随着华人经济的不断增长&#xff0c;越来越多的企业开始意识到华人市场的重要性。 通过开拓华人市场&#xff0c;企业可以获得更多的销售机会&#xff0c;并且在竞争激烈的市场…...

编程日记 2023/8/2 9:22:15

【云原生-制品管理】制品管理的优势

制品介绍制品管理-DevOps制品管理优势总结 制品介绍 制品管理指的是存储、版本控制和跟踪在软件开发过程中产生的二进制文件或“制品”的过程。这些制品可以包括编译后的源代码、库和文档&#xff0c;包括操作包、NPM 和 Maven 包&#xff08;或像 Docker 这样的容器镜像&…...

编程日记 2023/8/2 9:21:13

Java爬虫----HttpClient方式（获取数据篇）

目录 一、爬虫的定义 二、获取数据 &#xff08;1&#xff09;基于Get方式的请求&#xff08;无参&#xff09; &#xff08;2&#xff09;基于Get方式请求&#xff08;有参&#xff09; &#xff08;3&#xff09;基于Post方式的请求&#xff08;无参&#xff09; &…...

编程日记 2023/8/2 9:20:12

计算机视觉实验：图像增强应用实践

本次实验主要从基于统计、函数映射的图像增强方法和基于滤波的图像增强方法两种方法中对一些图像增强的算法进行实现。主要的编程语言为python&#xff0c;调用了python自带的PIL图像库用于读取图像&#xff0c;利用numpy进行图像运算&#xff0c;最后使用opencv第三方库进行对…...

编程日记 2023/8/2 9:19:11

ES6：Generator函数详解

ES6&#xff1a;Generator函数详解 1、 概念2、yield表达式2.1 yield 语句与 return 语句区别2.2 Generator函数不加yield语句&#xff0c;这时变成了一个单纯的暂缓执行函数2.3 yield 表达式只能用在 Generator 函数里面&#xff0c;用在其它地方都会报错2.4 yield 表达式如果…...

编程日记 2023/8/2 9:18:09

前端小练-产品宣传页面

文章目录 前言页面结构固定钉头部轮播JS特效 完整代码总结 前言 经过一个月的爆肝&#xff0c;花费了一个月&#xff08;期间还花费了将近半个月的时间打比赛&#xff0c;还要备研&#xff09;算是把数二高数的内容强化了一遍&#xff0c;接下来刷熟练度即可&#xff0c;可惜的…...

编程日记 2023/8/2 9:17:07

arm学习之stm32设备树学习-中断控制led灯亮灭+字符设备指令控制led灯亮灭

中断控制led灯亮灭 驱动文件源码 led-key.c #include<linux/init.h> #include<linux/module.h> #include<linux/of.h> #include<linux/of_gpio.h> #include<linux/gpio.h> #include<linux/of_irq.h> #include<linux/interrupt.h> s…...

编程日记 2023/8/2 9:16:06

【Elasticsearch从入门到精通】第06篇：Elasticsearch重要系统参数设置——防止启动检查失败

上一篇【第05篇】Elasticsearch配置详解——config.yml核心配置项全解析 下一篇【第07篇】Elasticsearch集群安全配置 摘要 将Elasticsearch部署到生产环境时&#xff0c;操作系统层面的参数配置往往是被忽视的关键环节。ES通过Bootstrap Checks机制在启动时强制检测这些参数&…...

编程新知 2026/5/22 22:33:05

AI测试工具百花齐放，选型之前先搞懂这4个核心问题

在软件测试领域&#xff0c;AI 测试工具正以前所未有的速度涌现。从智能用例生成、缺陷预测到自愈型自动化测试&#xff0c;厂商们构建起一个眼花缭乱的技术矩阵。然而&#xff0c;当团队真正面临选型决策时&#xff0c;却发现“百花齐放”往往意味着“乱花渐欲迷人眼”。许多团…...

编程新知 2026/5/22 22:14:55

Flink架构与集群部署（一）

Apache Flink架构Flink组件栈在Flink的整个软件架构体系中&#xff0c;同样遵循这分层的架构设计理念&#xff0c;在降低系统耦合度的同时&#xff0c;也为上层用户构建Flink应用提供了丰富且友好的接口。上图是Flink基本组件栈&#xff0c;从上图可以看出整个Flink的架构体系可…...

编程新知 2026/5/22 22:12:54

Burp Suite客户端证书不生效的三大底层原因与排错指南

1. 这不是证书问题&#xff0c;是信任链断裂的错觉 你刚在Burp Suite里导入了Client SSL Certificate&#xff0c;勾选了“Use client certificate for all requests”&#xff0c;点下Send&#xff0c;结果服务器返回400 Bad Request或直接断连&#xff1b;换一台机器重装Burp…...

编程新知 2026/5/22 21:52:59

Unity版本降级实战：跨版本兼容性修复指南

1. 为什么Unity版本降级不是“回退按钮”&#xff0c;而是一场精密手术 在Unity项目开发中&#xff0c;很多人把版本降级想象成操作系统里的“系统还原”——点一下&#xff0c;回到上个稳定状态&#xff0c;万事大吉。我去年接手一个AR工业巡检项目时也这么想&#xff0c;客户…...

编程新知 2026/5/22 21:15:04

基于PSOC62 CAPSENSE的远程空调遥控器：物联网与红外控制实践

1. 项目概述&#xff1a;当传统遥控器遇上物联网你有没有遇到过这样的场景&#xff1a;大夏天回到家&#xff0c;一身汗&#xff0c;还得在包里翻箱倒柜找空调遥控器&#xff1b;或者冬天窝在被窝里&#xff0c;发现遥控器在客厅茶几上&#xff0c;得鼓起勇气离开温暖的被窝去拿…...

编程新知 2026/5/22 21:00:29

大龄大专转行网安实录 8 条干货经验少走弯路

网络安全行业 “人才缺口 300 万 、平均年薪超 25 万” 的红利&#xff0c;让无数职场人动了转行心思。尤其是学历普通&#xff08;如大专&#xff09;的群体&#xff0c;既面临原有岗位的天花板&#xff0c;又渴望通过技术转型实现薪资跃迁。但网安行业看似门槛低&#xff0c;…...

编程新知 2026/5/22 20:27:50

Taotoken API密钥的精细化权限管理与审计日志价值

&#x1f680; 告别海外账号与网络限制&#xff01;稳定直连全球优质大模型&#xff0c;限时半价接入中。 &#x1f449; 点击领取海量免费额度 Taotoken API密钥的精细化权限管理与审计日志价值 在将大模型能力集成到实际业务的过程中&#xff0c;API密钥的管理往往从一个简单…...

编程新知 2026/5/22 20:21:26

Midscene.js技术深度解析：视觉驱动UI自动化的架构演进与实践路径

Midscene.js技术深度解析&#xff1a;视觉驱动UI自动化的架构演进与实践路径 【免费下载链接】midscene AI-powered, vision-driven UI automation for every platform. 项目地址: https://gitcode.com/GitHub_Trending/mid/midscene 在传统UI自动化测试领域&#xff0c…...

编程新知 2026/5/22 20:08:35

深度实战：如何利用7zip引擎实现加密压缩包密码暴力破解

深度实战&#xff1a;如何利用7zip引擎实现加密压缩包密码暴力破解 【免费下载链接】ArchivePasswordTestTool 利用7zip测试压缩包的功能 对加密压缩包进行自动化测试密码 项目地址: https://gitcode.com/gh_mirrors/ar/ArchivePasswordTestTool 在数字资产管理中&#…...

编程新知 2026/5/22 19:26:38