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

在一台电脑上实现网页与exe程序使用udp通信

news 2026/4/2 1:53:59

要在同一台电脑上实现网页（前端）与 EXE 程序（后端）通过 UDP 通信，可以使用以下步骤。前端可以使用 JavaScript 通过 WebSocket 与自定义服务器进行通信，该服务器通过 UDP 发送和接收数据，再与 EXE 程序进行交互。由于浏览器本身不直接支持 UDP 通信，我们需要一个中间层来处理 UDP 数据传输。

以下是一个简单的示例，包括前端和后端代码。

前端（网页）

我们将使用 WebSocket 来与自定义服务器通信。

<!DOCTYPE html>  
<html lang="en">  
<head>  <meta charset="UTF-8">  <meta name="viewport" content="width=device-width, initial-scale=1.0">  <title>UDP Communication</title>  
</head>  
<body>  <h1>UDP Communication with EXE</h1>  <input type="text" id="message" placeholder="Enter message">  <button onclick="sendMessage()">Send Message</button>  <p id="response"></p>  <script>  const ws = new WebSocket('ws://localhost:8080');  ws.onopen = function(event) {  console.log('WebSocket is open now.');  };  ws.onmessage = function(event) {  document.getElementById('response').innerText = 'Received from EXE: ' + event.data;  };  ws.onclose = function(event) {  console.log('WebSocket is closed now.');  };  function sendMessage() {  const message = document.getElementById('message').value;  ws.send(message);  }  </script>  
</body>  
</html>

后端（Node.js 自定义服务器）

我们将使用 Node.js 创建一个 WebSocket 服务器，并使用 dgram 模块进行 UDP 通信。

 1.安装 Node.js 和必要的模块。

//cmd
npm install ws

2.创建 WebSocket 服务器与 UDP 客户端。

//javascriptconst WebSocket = require('ws');  
const dgram = require('dgram');  
const server = new WebSocket.Server({ port: 8080 });  const udpClient = dgram.createSocket('udp4');  // UDP 服务器地址和端口  
const udpServerAddress = '127.0.0.1';  
const udpServerPort = 41234;  udpClient.on('message', (msg, rinfo) => {  console.log(`UDP Message from ${rinfo.address}:${rinfo.port} - ${msg}`);  // 将从 EXE 程序接收到的消息通过 WebSocket 发送给网页  server.clients.forEach(client => {  if (client.readyState === WebSocket.OPEN) {  client.send(msg);  }  });  
});  udpClient.on('listening', () => {  const address = udpClient.address();  console.log(`UDP Client listening on ${address.address}:${address.port}`);  
});  udpClient.bind(41235); // UDP 客户端端口  server.on('connection', (ws) => {  console.log('New client connected');  ws.on('message', (message) => {  console.log(`Received message => ${message}`);  // 将从网页接收到的消息通过 UDP 发送给 EXE 程序  const buf = Buffer.from(message);  udpClient.send(buf, 0, buf.length, udpServerPort, udpServerAddress, (err) => {  if (err) {  console.error(err);  ws.close();  } else {  console.log('UDP message sent');  }  });  });  ws.on('close', () => {  console.log('Client has disconnected');  });  
});  console.log('WebSocket server is running on ws://localhost:8080');

详细参见：使用 Node.js 创建一个 WebSocket 服务器-CSDN博客 

EXE 程序（C# 示例）

以下是一个简单的 C# UDP 服务器示例，用于接收和发送 UDP 数据。

  1. 创建一个新的 C# 控制台应用程序。
  2. 使用以下代码：
//c#using System;  
using System.Net;  
using System.Net.Sockets;  
using System.Text;  class UdpServer  
{  static void Main()  {  UdpClient udpListener = new UdpClient(41234);  IPEndPoint groupEP = new IPEndPoint(IPAddress.Any, 41234);  try  {  while (true)  {  Console.WriteLine("Waiting for a connection...");  byte[] bytes = udpListener.Receive(ref groupEP);  string receivedData = Encoding.ASCII.GetString(bytes, 0, bytes.Length);  Console.WriteLine($"Received: {receivedData} from {groupEP}");  // 处理接收到的数据并发送响应  string response = "Hello from EXE";  byte[] sendBytes = Encoding.ASCII.GetBytes(response);  udpListener.Send(sendBytes, sendBytes.Length, groupEP);  }  }  catch (Exception e)  {  Console.WriteLine(e.ToString());  }  finally  {  udpListener.Close();  }  }  
}

 

运行步骤

  1. 启动 C# UDP 服务器。
  2. 启动 Node.js WebSocket 服务器。
  3. 打开网页并发送消息。

这样，网页上的消息会通过 WebSocket 发送到 Node.js 服务器，Node.js 服务器再通过 UDP 发送到 C# EXE 程序。C# EXE 程序处理完消息后，可以通过 UDP 发送响应，Node.js 服务器再通过 WebSocket 将响应发送到网页。

相关文章：

在一台电脑上实现网页与exe程序使用udp通信

要在同一台电脑上实现网页&#xff08;前端&#xff09;与 EXE 程序&#xff08;后端&#xff09;通过 UDP 通信&#xff0c;可以使用以下步骤。前端可以使用 JavaScript 通过 WebSocket 与自定义服务器进行通信&#xff0c;该服务器通过 UDP 发送和接收数据&#xff0c;再与 E…...

编程日记 2024/10/6 9:29:14

基于Java的GeoTools对Shapefile文件属性信息深度解析

目录 前言 一、Shapefile的属性列表信息 1、属性表格信息 2、属性表格包含的要素 二、GeoTools对属性表格的解析 1、常规解析方法 2、基于dbf文件的属性信息读取 三、总结 前言 ESRI Shapefile&#xff08;shp&#xff09;&#xff0c;或简称shapefile&#xff0c;是美…...

编程日记 2024/10/6 9:28:12

付费计量系统实体和接口（1）

13.System entities and interfaces 系统实体和接口 See also Clause 4 for a discussion on general concepts and Clause 5 for generic entity model. 参见条目 4 讨论总体概念、条目 5 通用实体模型。 An entity specification should specify the embodied functions and …...

编程日记 2024/10/6 9:27:11

网易博客旧文----bacnet学习系列之四----VTS的初步使用

bacnet学习系列之四----VTS的初步使用 2014-02-07 13:32:28| 分类&#xff1a; BACnet | 标签&#xff1a; |举报 |字号大中小 订阅 这是一个测试用 的工具&#xff0c;而且是开放源码的&#xff0c;下载地址为&#xff1a;VTS下载官网 也可以从我的网盘下载 VTS下载 我用的是…...

编程日记 2024/10/6 9:22:06

SpringIoC容器的初识

一、SpringIoC容器的介绍 Spring IoC 容器&#xff0c;负责实例化、配置和组装 bean&#xff08;组件&#xff09;。容器通过读取配置元数据来获取有关要实例化、配置和组装组件的指令。配置元数据以 XML、Java 注解或 Java 代码形式表现。它允许表达组成应用程序的组件以及这…...

编程日记 2024/10/6 9:19:59

队列的实现与讲解

一.概念与结构 1.概念 只允许在⼀端进行插⼊数据操作&#xff0c;在另⼀端进行删除数据操作的特殊线性表&#xff0c;队列具有先进先出FIFO(First In First Out) ​ 入队列&#xff1a;进⾏插⼊操作的⼀端称为队尾 ​ 出队列&#xff1a;进⾏删除操作的⼀端称为队头 注意&…...

编程日记 2024/10/6 9:18:59

hbuilderx+uniapp+Android健身房管理系统 微信小程序z488g

目录 项目介绍支持以下技术栈&#xff1a;具体实现截图HBuilderXuniappmysql数据库与主流编程语言java类核心代码部分展示登录的业务流程的顺序是&#xff1a;数据库设计性能分析操作可行性技术可行性系统安全性数据完整性软件测试详细视频演示源码获取方式 项目介绍 用户功能…...

编程日记 2024/10/6 9:17:55

自动驾驶-参考线生成

为什么要进行参考线生成&#xff1f; apollo在routing模块&#xff0c;已经得到的全局路径&#xff0c;但是其不能直接作为局部路径规划的参考线&#xff0c;这是因为&#xff1a; routing给出的全局路径过长&#xff1b;routing是基于高精地图给出的路径&#xff0c;高精地图…...

编程日记 2024/10/6 9:16:54

厂商资源分享网站

新华三&#xff08;H3C&#xff09;是一家中国知名的网络设备供应商&#xff0c;提供网络设备、网络解决方案和云计算服务。公司成立于2003年&#xff0c;是华为公司和惠普公司合资的企业&#xff0c;总部位于中国深圳。 华为&#xff08;Huawei&#xff09;是一家全球知名的电…...

编程日记 2024/10/6 9:14:52

【ONE·Web || HTML】

总言 主要内容&#xff1a;HTML基本知识入门&#xff0c;主要介绍了常见的一些标签使用&#xff0c;以及简单案例演示。       文章目录 总言0、前置说明1、认识HTML1.1、是什么1.2、初识 HTML 标签、HTML 文件基本结构1.2.1、相关说明1.2.2、vscode如何快速生成代码 2、HT…...

编程日记 2024/10/6 9:13:49

MongoDB的安装与增删改查基本操作

MongoDB是一种非关系型数据库，是NoSQL语言，但是又是最接近关系型数据库的。内部存储不是表结构，但是可以对数据进行表结构的操作。 一、安装 在官网：Download MongoDB Community Server | MongoDB下载系统对应的版本进行安装即可 二、编辑器 在安装MongoDB后会自带一个编…...

编程日记 2024/10/6 9:12:46

Python水循环标准化对比算法实现

&#x1f3af;要点 算法区分不同水循环数据类型&#xff1a;地下水、河水、降水、气温和其他&#xff0c;并使用相应标准化降水指数、标准化地下水指数、标准化河流水位指数和标准化降水蒸散指数。绘制和计算特定的时间序列比较统计学相关性。使用相关矩阵可视化集水区和显示空…...

编程日记 2024/10/6 9:11:45

【TypeScript】知识点梳理（一）

#国庆快乐&#xff01;来点干货~ # #项目中团队总结生产问题&#xff0c;40%是类型相关问题&#xff0c;可见TS的重要性与向好趋势# TS是JS的超集 类型 Number、String、Boolean 首字母大小写&#xff0c;类型有区别&#xff0c;譬如&#xff1a; string是基元&#xff08;原始…...

编程日记 2024/10/6 9:10:44

DMA方式在执行中断处理程序时不中断现行程序吗

DMA方式在执行中断处理程序时会中断现行程序&#xff0c;但DMA数据传输过程本身不中断现行程序。以下是对DMA方式及其中断处理程序的详细解释&#xff1a; DMA方式的基本特点 DMA&#xff08;Direct Memory Access&#xff0c;直接存储器存取&#xff09;方式是一种由硬件直接…...

编程日记 2024/10/6 9:09:42

Redis：string类型

Redis&#xff1a;string类型 string命令设置与读取SETGETMSETMGET 数字操作INCRINCRBYDECRDECRBYINCRBYFLOAT 字符串操作APPENDSTRLENGETRANGESETRANGE 内部编码intembstrraw 在Redis中&#xff0c;字符串string存储的是二进制&#xff0c;以byte为单位&#xff0c;输入的二进…...

编程日记 2024/10/6 9:08:41

【C++ STL】手撕vector,深入理解vector的底层

vector的模拟实现 前言一.默认成员函数1.1常用的构造函数1.1.1默认构造函数1.1.2 n个 val值的构造函数1.1.3 迭代器区间构造1.1.4 initializer_list 的构造 1.2析构函数1.3拷贝构造函数1.4赋值运算符重载 二.元素的插入,删除,查找操作2.1 operator[]重载函数2.2 push_back函数:…...

编程日记 2024/10/6 9:06:39

【Android】CarWatchDog I/O监控服务

Android Car WatchDog I/O监控服务 背景&#xff1a; 某基于Android 13的车载系统。 某天长时间测试一款3方&#xff08;非SystemApp&#xff09;时&#xff0c;该款应用偶发闪退现象。 通过日志分析&#xff0c;发现应用被系统的 Car WatchDog&#xff08;喂狗服务&#xff…...

编程日记 2024/10/6 9:04:37

如何使用 Django 框架进行用户认证的详细指南，涵盖用户注册和登录功能的实现。

当然！下面是关于如何使用 Django 框架进行用户认证的详细指南，涵盖用户注册和登录功能的实现。 掌握 Django 用户认证的艺术 Django 是一个强大的 Python Web 框架，以其灵活性和高效性著称。无论你是新手还是经验丰富的开发者，理解和实现用户认证都是 Web 开发中的一项核心…...

编程日记 2024/10/6 9:00:33

C++ 语言特性21 - 别名模板

一&#xff1a;概述 别名模板是 C11 引入的&#xff0c;用于为一个模板类型定义别名&#xff0c;从而简化复杂的模板类型定义。它结合了 using 关键字&#xff0c;可以对模板类型进行重新命名&#xff0c;使代码更加简洁和可读。 1. 作用 定义模板类型的别名。简化复杂的模板类…...

编程日记 2024/10/6 8:59:32

Jenkins pipeline配置示例

前提条件&#xff1a;已经安装Jenkins并能正常启动 如果Jenkins安装启动遇到问题可以参考&#xff1a; 1.创建pipeline 点击新建项目&#xff1a; 输入名称&#xff0c;选择pipeline&#xff1a; 进入配置页面&#xff0c;如果要配置GitHub Webhook要勾选&#xff1a;<fo…...

编程日记 2024/10/6 8:58:31

城通网盘限速破解终极指南：ctfileGet工具让你免费享受10倍下载速度

城通网盘限速破解终极指南&#xff1a;ctfileGet工具让你免费享受10倍下载速度 【免费下载链接】ctfileGet 获取城通网盘一次性直连地址 项目地址: https://gitcode.com/gh_mirrors/ct/ctfileGet 你是否曾经被城通网盘的限速下载折磨得痛不欲生&#xff1f;面对几十KB/s…...

编程新知 2026/4/2 1:34:13

腾讯云轻量服务器+宝塔面板：新手零代码搭建个人网站的保姆级避坑指南

腾讯云轻量服务器宝塔面板&#xff1a;新手零代码搭建个人网站的保姆级避坑指南 你是否曾经想过拥有一个属于自己的网站&#xff0c;却因为不懂代码和服务器运维而望而却步&#xff1f;现在&#xff0c;即使你没有任何技术背景&#xff0c;也能轻松实现这个梦想。本文将带你一步…...

编程新知 2026/4/2 1:20:10

新手入门指南：基于快马平台构建vmware17交互式安装教学应用

新手入门指南&#xff1a;基于快马平台构建VMware17交互式安装教学应用 作为一个刚接触虚拟化技术的新手&#xff0c;第一次安装VMware Workstation 17时可能会遇到不少困惑。从下载安装包到最终配置完成&#xff0c;整个过程涉及多个步骤&#xff0c;每个环节都可能出现各种问…...

编程新知 2026/4/2 1:05:55

TEMOS

TEMOS&#xff08;Text-conditioned Motion Synthesis&#xff09;是2022年提出的一个文本驱动动作生成模型&#xff0c;核心设计是&#xff1a;文本编码器 动作编码器 动作解码器输入文本描述 → 生成对应的3D动作序列训练时用 KL 散度损失让文本和动作的隐空间分布对齐&…...

编程新知 2026/4/2 1:03:55

Qwen3.5-9B生产环境实测：7x24小时稳定运行+自动恢复+错误率＜0.3%运维报告

Qwen3.5-9B生产环境实测&#xff1a;7x24小时稳定运行自动恢复错误率<0.3%运维报告 1. 项目概述 Qwen3.5-9B是一款拥有90亿参数的开源大语言模型&#xff0c;在实际生产环境中展现出卓越的稳定性和可靠性。经过长达一个月的7x24小时不间断运行测试&#xff0c;该系统实现了…...

编程新知 2026/4/2 0:57:49

python协同过滤算法的基于python二手物品交易网站系统

目录同行可拿货,招校园代理 ,本人源头供货商协同过滤算法在二手物品交易网站中的应用用户行为数据收集基于用户的协同过滤基于物品的协同过滤混合推荐策略冷启动问题处理实时推荐更新推荐结果评估代码实现示例系统功能整合性能优化项目技术支持源码获取详细视频演示 &#xff1…...

编程新知 2026/4/1 22:17:18

设备管理系统是什么？如何建立设备管理体系？

在现代企业的运转中&#xff0c;生产设备无疑是核心资产。无论是制造业的数控机床&#xff0c;还是建筑工地的重型机械&#xff0c;甚至是医疗机构的精密仪器&#xff0c;设备的稳定运行直接决定了企业的生产效率、产品质量和成本控制。然而&#xff0c;许多企业在设备管理上仍…...

编程新知 2026/4/1 22:06:59

数据仓库核心概念：事实表和维度表详解与实战应用

数据仓库核心概念&#xff1a;事实表和维度表详解与实战应用一、引言二、定义&#xff1a;什么是事实表&#xff1f;什么是维度表&#xff1f;2.1 事实表&#xff1a;定义2.2 维度表&#xff1a;定义三、结构流程图&#xff1a;事实表与维度表关联关系3.1 标准星型模型关联流程…...

编程新知 2026/4/1 21:54:52

GitHub新手避坑指南：从SSH Key到Personal Token，搞定本地项目上传（含大文件失败解决方案）

GitHub新手避坑指南&#xff1a;从SSH Key到Personal Token&#xff0c;搞定本地项目上传&#xff08;含大文件失败解决方案&#xff09; 第一次用GitHub上传项目就像玩扫雷游戏——表面风平浪静&#xff0c;实际暗藏玄机。上周帮实习生小李排查上传失败问题时&#xff0c;发现…...

编程新知 2026/4/1 19:53:30

投资分析太复杂？用TradingAgents-CN实现零代码智能分析的3个方案

投资分析太复杂&#xff1f;用TradingAgents-CN实现零代码智能分析的3个方案 【免费下载链接】TradingAgents-CN 基于多智能体LLM的中文金融交易框架 - TradingAgents中文增强版 项目地址: https://gitcode.com/GitHub_Trending/tr/TradingAgents-CN TradingAgents-CN作…...

编程新知 2026/4/1 19:45:15