用 Socket.D 替代原生 WebSocket 做前端开发

原创

已于 2024-01-08 12:47:37 修改 · 1.4k 阅读

21 ·

CC 4.0 BY-SA版权

文章标签：

#websocket #网络协议 #网络

于 2024-01-08 11:19:51 首次发布

本文介绍了Socket.D.js，一个基于WebSocket的协议实现，提供了更丰富的功能如发送消息并接收响应、事件监听和业务路由。文章通过客户端和服务器示例展示了其简化使用的特性，并强调了协议的强大之处在于事件、语义消息和流的支持。开源仓库链接也在文中提供。

socket.d.js 是基于 websocket 包装的 socket.d 协议的实现。就是用 ws 传输数据，但功能更强大。

功能	原生 websocket	socket.d	说明
listen	有	有	监听消息
send	有	有	发消息
sendAndRequest	无	有	发消息并接收一个响应（类似于 http）
sendAndSubscribe	无	有	发消息并接收多个响应（也叫订阅）
event(or path)	无	有	消息有事件或路径（可对消息，进行业务路由）
meta(or header)	无	有	消息有元信息或头信息（可为数据，标注业务语义）
自动心跳	无	有
断开后自动重链	无	有

下面感受下开发方面的差异！

1、客户端示例代码

使用时，可以根据自己的业务对原生接口包装，进一步简化使用。

<script src="js/socket.d.js"></script>
<script>
async function init(){
     
     
    //构建事件监听
    const eventListener = await SocketD.newEventListener().doOnMessage((s,m)=>{
     
     
       //监听所有消息（可能不需要）
    }).doOn("/im/user.upline", (