c# 如何连接html,纯静态HTML 与 C# Server 进行WebSocket 连接

本文通过一个DEMO展示了如何使用C#构建WebSocket服务器,使HTML页面能与其进行实时交互。服务器接收HTML发送的Json数据,计算两数之和,并在10秒后主动发送消息给浏览器。关键依赖包括websocket-sharp和Newtonsoft.JSON库。
摘要由CSDN通过智能技术生成

TODO: 这篇文章只是写了一个DEMO,告诉你如何使用C#构建一个WebSocket服务器,以便HTML网页可以通过WebSocket与之进行交互。

将会使用到的 Package:

websocket-sharp

Newtonsoft.JSON

这个DEMO主要完成的工作是: HTML 连接 WebSocket 并传送一个Json,Json包含两个数字a和b。

服务器监听 WebSocket 并解析Json里面的两个数字,将两个数字加起来的和作为结果以Json的形式传送给HTML。

HTML 得到返回以后更新显示。

10秒之后,服务器主动向浏览器再发送一次消息。

08d03f6f344d1c6ed4f3469e84a7ee99.png

准备姿势

新建工程

首先需要准备两个工程: 一个是Web项目,可以是任何Web项目,因为我们只用到HTML。HTML单文件也是没有问题的。这里我用的是vscode live server。

另一个是C#命令行项目,当然也可以不是命令行,只是觉得命令行比较方便,DEMO也不需要窗体,如果你需要窗体可以使用WPF或者WinForms。

必要依赖 在C#项目中,我们需要安装Nuget包:WebSocketSharp (由于这个Nuget包在写文的时候还是rc,所以需要勾选包括抢鲜版才会搜索出来哦)和 Newtonsoft.JSON

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值