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

WebSocket 使用示例，后台为nodejs

news 2026/4/14 0:21:55

效果图

在这里插入图片描述

页面代码

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><title>WebSocket Client</title></head><body><script>const ws = new WebSocket('ws://localhost:8765')ws.onopen = () => {console.log('HTML: init!')ws.send(`HTML say -> I'm init!`)}ws.onmessage = event => {console.log('HTML listen: ', event.data)}ws.onerror = error => {console.error('HTML Error: ', error)}ws.onclose = event => {if (event.wasClean) {console.log('HTML Closed cleanly, code:',event.code,'reason:',event.reason)} else {console.error('HTML Connection died')}}</script></body>
</html>

服务后台代码

const WebSocket = require('ws')const wss = new WebSocket.Server({ port: 8765 })wss.on('connection', ws => {console.log('SERVER: init!')ws.on('message', message => {console.log('SERVER listen: %s', message)setInterval(() => {function getTwoNum(num) {return (+num < 10 ? '0' : '') + num}const now = new Date()const nowStr = `${now.getFullYear()}-${getTwoNum(now.getMonth() + 1)}-${getTwoNum(now.getDate())} ${getTwoNum(now.getHours())}:${getTwoNum(now.getMinutes())}:${getTwoNum(now.getSeconds())}`ws.send(`SERVER say -> ${nowStr}`)}, 3000)})
})

new WebSocket（） api说明

var Socket = new WebSocket(url, [protocol] );
参数：

  • url, 指定连接的 URL
  • protocol 是可选的，指定了可接受的子协议

属性：

  • Socket.readyState 只读属性 readyState 表示连接状态(0-表示连接尚未建立; 1-表示连接已建立，可以进行通信; 2-表示连接正在进行关闭; 3-表示连接已经关闭或者连接不能打开)
  • Socket.bufferedAmount 只读属性 bufferedAmount 已被 send() 放入正在队列中等待传输，但是还没有发出的 UTF-8 文本字节数。

事件：

  • open Socket.onopen 连接建立时触发
  • message Socket.onmessage 客户端接收服务端数据时触发
  • error Socket.onerror 通信发生错误时触发
  • close Socket.onclose 连接关闭时触发

方法：

  • Socket.send() 使用连接发送数据
  • Socket.close() 关闭连接

相关文章：

WebSocket 使用示例，后台为nodejs

效果图 页面代码 <!DOCTYPE html> <html lang"en"><head><meta charset"UTF-8" /><meta name"viewport" content"widthdevice-width, initial-scale1.0" /><title>WebSocket Client</title&g…...

编程日记 2024/3/22 6:40:01

【算法】力扣【树形DP】687. 最长同值路径

【算法】力扣【树形DP】687. 最长同值路径 687. 最长同值路径 文章目录 【算法】力扣【树形DP】687. 最长同值路径题目描述输入输出示例 题解思路代码描述 复杂度分析总结 题目描述 本题要求在给定的二叉树中寻找最长的同值路径&#xff0c;这个路径中的每个节点的值都相同。…...

编程日记 2024/3/22 6:36:57

S32DS用PE调试报错

1、问题&#xff1a; 在S32DS上用PE进行调试报错&#xff1a; Error while launching command: --version 2、解决方法 按下图操作 填入内容&#xff1a; ${cross_prefix}gdb${cross_suffix}...

编程日记 2024/3/22 6:34:55

Day02-DDLDMLDQL(定义,操作,查询)(联合查询,子查询,字符集和校对集,MySQL5.7乱码问题)

文章目录 Day02-DDL&DML和DQL学习目标1. SQL语言的组成2. DDL2.1 数据库结构2.2 表结构2.3 约束2.3.1 主键约束(重要)(1)特点(2) 添加主键(3)删除主键(了解) 2.3.2 自增约束(1)特点(2) 添加自增约束(3)删除自增约束(了解) 2.3.3 非空约束(1)添加非空约束(2) 删除非空约束 2…...

编程日记 2024/3/22 6:33:54

3D高斯泼溅的崛起

沉浸式媒体领域正在以前所未有的速度发展&#xff0c;其中 3D 高斯溅射成为一项关键突破。 这项技术在广泛的应用中看起来非常有前景&#xff0c;并且可能会彻底改变我们未来创建数字环境以及与数字环境交互的方式。 在本文中&#xff0c;我们将通过与摄影测量和 NeRF 等前辈进…...

编程日记 2024/3/22 6:32:53

基于python+vue家政服务系统flask-django-php-nodejs

相比于以前的传统手工管理方式&#xff0c;智能化的管理方式可以大幅降低家政公司的运营人员成本&#xff0c;实现了家政服务的标准化、制度化、程序化的管理&#xff0c;有效地防止了家政服务的随意管理&#xff0c;提高了信息的处理速度和精确度&#xff0c;能够及时、准确地…...

编程日记 2024/3/22 6:31:52

用户中心项目（登录 + 用户管理功能后端）

文章目录 1.登录功能-后端1.思路分析2.完成对用户名和密码的校验1.com/sun/usercenter/service/UserService.java 添加方法2.com/sun/usercenter/service/impl/UserServiceImpl.java 添加方法3.com/sun/usercenter/service/impl/UserServiceImpl.java 新增属性 3.记录用户的登录…...

编程日记 2024/3/22 6:29:51

嵌入式相机WEB，用C直接处理？

以前用HTTP连接相机的时候&#xff0c;以为是相机内部有一个类似tomcat之类的WEB服务器。收到相机命令后&#xff0c;通过链接库执行动作。 昨天想给相机增加一个时间显示&#xff0c;增加的项目一点就跳转到登录。 于是问了之前负责的&#xff0c;说是要后端改。再问嵌入式相…...

编程日记 2024/3/22 6:27:49

LeetCode_31_中等_下一个排列

文章目录 1. 题目2. 思路及代码实现详解&#xff08;Python&#xff09;2.1 两遍扫描 1. 题目 整数数组的一个 排列 就是将其所有成员以序列或线性顺序排列。 例如&#xff0c; a r r [ 1 , 2 , 3 ] arr [1,2,3] arr[1,2,3] &#xff0c;以下这些都可以视作 a r r arr arr…...

编程日记 2024/3/22 6:26:48

huggingface的transformers训练gpt

目录 1.原理 2.安装 3.运行 ​编辑 4.数据集 ​编辑 4.代码 4.1 model init​编辑 forward&#xff1a; 总结&#xff1a; 关于loss和因果语言模型&#xff1a; ​编辑 交叉熵&#xff1a;​编辑 记录一下transformers库训练gpt的过程。 transformers/examples/…...

编程日记 2024/3/22 6:25:47

第六十一回 放冷箭燕青救主 劫法场石秀跳楼-编译安装飞桨paddlepaddle@openKylin+RISCV

卢俊义在水里被张顺抓住&#xff0c;用轿子抬到了梁山。宋江等人下马跪在地上迎接&#xff0c;请他坐第一把交椅。卢俊义宁死不从&#xff0c;大家只好说留他在山寨几天&#xff0c;先让李固带着马车货物回去。吴用对李固说&#xff0c;你的主人已经答应坐第二把交椅了&#xf…...

编程日记 2024/3/22 6:24:45

白话讲人工智能、机器学习、深度学习

人工智能&#xff08;Artificial Intelligence&#xff0c;AI&#xff09; 定义&#xff1a; 想象一个聪明的机器人&#xff0c;它能思考、决策和学习&#xff0c;就像电影里的智能角色那样。人工智能就是努力打造这样的智能实体的学科&#xff0c;它试图模仿、扩展乃至超越人…...

编程日记 2024/3/22 6:23:44

ssm项目（tomcat项目），定时任务（每天运行一次）相同时间多次重复运行job 的bug

目录标题 一、原因 一、原因 debug本地调试没有出现定时任务多次运行的bug&#xff0c;上传到服务器就出现多次运行的bug。&#xff08;war的方式部署到tomcat&#xff09; 一开始我以为是代码原因&#xff0c;或者是linux和win环境不同运行定时任务的方式不一样。 但是自己…...

编程日记 2024/3/22 6:22:43

vue3 + ts +element-plus + vue-router + scss + axios搭建项目

本地环境&#xff1a; node版本&#xff1a;20.10.0 目录 一、搭建环境 二、创建项目 三、修改页面 四、封装路由vue-router 五、element-plus 六、安装scss 七、封装axios 一、搭建环境 1、安装vue脚手架 npm i -g vue/cli 2、查看脚手架版本 vue -V3、切换路径到需…...

编程日记 2024/3/22 6:21:42

二叉树试题解析

一、单项选择题 01.下列关于二叉树的说法中&#xff0c;正确的是( C ). A.度为2的有序树就是二叉树 B.含有n个结点的二叉树的高度为 C.在完全二叉树中&#xff0c;若一个结点没有左孩子&#xff0c;则它必是叶结点 D.含有n个结点的完全二叉树的高度为解析&#xff1a;A 二叉树…...

编程日记 2024/3/22 6:20:41

计算机服务器中了faust勒索病毒怎么办，faust勒索病毒解密工具流程

网络是一把利剑&#xff0c;可以方便企业开展各项工作业务&#xff0c;为企业提供极大的便利&#xff0c;但随着网络技术的不断发展与应用&#xff0c;网络数据安全威胁也在不断增加&#xff0c;给企业的正常生产运营带来了极大困扰&#xff0c;近日&#xff0c;云天数据恢复中…...

编程日记 2024/3/22 6:18:38

初次部署麒麟V10系统需要的配置,快速完成测试环境的搭建

配置麒麟V10 设置“root”登录密码 sudo su -passwd # 设置登录密码允许“root”远程登录 sudo vim /etc/ssh/sshd_configsshd_config # ↓↓↓↓修改的内容↓↓↓↓ PermitRootLogin yes # ↑↑↑↑修改的内容↑↑↑↑重启服务 sudo systemctl restart sshd允许通过图像界…...

编程日记 2024/3/22 6:17:37

DOcker in Docker 原理与实战代码详解

Docker in Docker&#xff08;DinD&#xff09;指的是在Docker容器内部运行另一个Docker守护进程和客户端。这种技术可以用于创建嵌套的Docker环境&#xff0c;例如在持续集成/持续部署&#xff08;CI/CD&#xff09;管道中构建和测试Docker镜像。然而&#xff0c;需要注意的是…...

编程日记 2024/3/22 6:16:36

公司系统中了.rmallox勒索病毒如何恢复数据？

早晨上班时刻&#xff1a; 当阳光逐渐洒满大地&#xff0c;城市的喧嚣开始涌动&#xff0c;某公司的员工们纷纷踏入办公大楼&#xff0c;准备开始新的一天的工作。他们像往常一样打开电脑&#xff0c;准备接收邮件、查看日程、浏览项目进展。 病毒悄然发作&#xff1a; 就在员…...

编程日记 2024/3/22 6:15:34

论文阅读：Forget-Me-Not: Learning to Forget in Text-to-Image Diffusion Models

Forget-Me-Not: Learning to Forget in Text-to-Image Diffusion Models 论文链接 代码链接 这篇文章提出了Forget-Me-Not (FMN)&#xff0c;用来消除文生图扩散模型中的特定内容。FMN的流程图如下&#xff1a; 可以看到&#xff0c;FMN的损失函数是最小化要消除的概念对应的…...

编程日记 2024/3/22 6:14:33

1414 - 期末考试成绩排名系统设计与实现

1. 为什么需要成绩排名系统 每次期末考试结束后&#xff0c;老师们最头疼的事情之一就是统计和排名学生成绩。想象一下&#xff0c;一个50人的班级&#xff0c;手动计算每个人的分数并排序&#xff0c;不仅耗时耗力&#xff0c;还容易出错。我见过不少老师用Excel表格处理&…...

编程新知 2026/4/13 22:32:29

基于bert-base-chinese的工业级应用：文本分类、NER、问答系统落地实践

基于bert-base-chinese的工业级应用&#xff1a;文本分类、NER、问答系统落地实践 1. 为什么选择bert-base-chinese 如果你正在寻找一个能够处理中文文本的AI模型&#xff0c;bert-base-chinese绝对是个不错的选择。这个由Google发布的预训练模型&#xff0c;就像是中文自然语…...

编程新知 2026/4/13 21:53:30

从GAN到语义分割：转置卷积在PyTorch实战中的3个关键应用与调参避坑指南

转置卷积在PyTorch实战中的3个关键应用与调参避坑指南 当你第一次在GAN生成器中看到转置卷积层时&#xff0c;是否曾被它神秘的"逆向卷积"特性所困惑&#xff1f;作为深度学习中最重要的上采样工具之一&#xff0c;转置卷积在图像生成、超分辨率和语义分割等领域扮演…...

编程新知 2026/4/13 20:48:47

5分钟快速上手：Buzz离线语音转文字终极指南，保护隐私的完整解决方案

5分钟快速上手&#xff1a;Buzz离线语音转文字终极指南&#xff0c;保护隐私的完整解决方案 【免费下载链接】buzz Buzz transcribes and translates audio offline on your personal computer. Powered by OpenAIs Whisper. 项目地址: https://gitcode.com/GitHub_Trending/…...

编程新知 2026/4/13 20:25:47

别再让服务器裸奔！手把手教你升级OpenSSL 1.1.1h修复CVE-2016-2183漏洞（附完整命令）

服务器安全必修课&#xff1a;彻底根治CVE-2016-2183漏洞的OpenSSL升级实战指南 凌晨三点&#xff0c;运维工程师小李的手机突然响起刺耳的告警声——安全扫描系统检测到生产服务器存在CVE-2016-2183漏洞。这个潜伏在OpenSSL中的"定时炸弹"&#xff0c;可能让加密通…...

编程新知 2026/4/13 19:15:20

快狐KIHU｜65寸触控查询终端4K超清酒店客房服务信息查询

在酒店行业数字化转型的浪潮中&#xff0c;如何通过智能化设备提升服务效率与宾客体验&#xff0c;成为酒店管理者关注的焦点。[KIHU快狐]推出的65寸触控查询终端&#xff0c;凭借4K超清显示、多场景交互设计及定制化解决方案&#xff0c;正成为高端酒店客房服务信息查询的核心…...

编程新知 2026/4/13 18:38:27

小店想做私域推客，先把系统搭好

很多实体店、微信小店一上来就急着拉推客、发海报、搞裂变&#xff0c;忙活一圈下来&#xff1a;订单对不上、佣金算不清、推客留不住、老客户也反感&#xff0c;最后推客没做成&#xff0c;私域也做乱了。根本原因只有一个&#xff1a;系统没搭好&#xff0c;就急着上马干。私…...

编程新知 2026/4/13 17:54:33

从KITTI到SemanticKITTI：手把手教你用Python玩转这个LiDAR语义分割数据集

从KITTI到SemanticKITTI&#xff1a;Python实战LiDAR语义分割全流程指南 当Velodyne HDL-64E激光雷达以10Hz频率旋转时&#xff0c;每秒产生的约10万个三维点云数据究竟蕴含怎样的语义信息&#xff1f;这正是SemanticKITTI数据集要解决的核心问题。作为KITTI数据集的重要扩展&a…...

编程新知 2026/4/13 17:30:05

如何在5分钟内用Marp for VS Code创建专业幻灯片：终极Markdown演示文稿指南

如何在5分钟内用Marp for VS Code创建专业幻灯片&#xff1a;终极Markdown演示文稿指南 【免费下载链接】marp-vscode Marp for VS Code: Create slide deck written in Marp Markdown on VS Code 项目地址: https://gitcode.com/gh_mirrors/ma/marp-vscode 还在为制作演…...

编程新知 2026/4/13 17:15:47

突破数字音乐格式壁垒：NCM文件解密技术深度解析与实践指南

突破数字音乐格式壁垒&#xff1a;NCM文件解密技术深度解析与实践指南 【免费下载链接】ncmdump 项目地址: https://gitcode.com/gh_mirrors/ncmd/ncmdump 技术背景与用户痛点 在数字音乐生态系统中&#xff0c;格式兼容性问题一直是困扰用户的隐形障碍。当用户下载了…...

编程新知 2026/4/13 16:18:12