使用electron+vue+ts开发websocket测试工具

 前言

上周在做一个项目的时候需要用到websocket,我作为一个前端开发,需要接收websocket消息后页面做出正确渲染,但是后面忙忙碌碌的没有写websocket的推送程序,丢给我了一个客户端,让我自己模拟消息推送,客户端挺好的,但是总是会自动跳转到赞助页面,体验不太好,决定还是自己开发一个实用小工具。

npm虽然有ws的包,但是websocket服务端不能再浏览器端运行,所以不能简单做个页面就完了,综合考虑采用electron+vite+vue+ts来开发。

截图

目前只完成了ws的服务启动和连接,还没有做wss的功能。

mqtt也是后期规划,暂时没做。

思路

ws的功能实现都在主线程中开发,然后通过主进程与渲染进程的通信来完成交互功能

目前只是完成的大概的功能,基本使用没有问题,但是细节上应该还有一些BUG,后期会抽时间继续完善

具体可在github上查看源码,请给个星星,谢谢

希望有兴趣的朋友一起来开发~~

1.0版本的程序已打包

有需要的自行下载,解压直接使用

链接:https://pan.baidu.com/s/1FUfXLqd2At5oT3Lp1GjgaA?pwd=aabb 
提取码:aabb

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值