首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

从 0 到 1 开发一个聊天通讯 服务 复盘总结

下面,来简单复习过一下 websoket , 对没有使用过websoket 同学也时学习。 「WebSoket」 WebSocket是一种在单个TCP连接上进行全双工通信的协议。...「WebSoket 操作 API」 创建Websoket连接 let socket = new WebSocket("ws://域名/服务路径") 连接 Websoket 成功触发 open() 方法在连接成功时...由于 WebSoket 贯穿整个项目,而且需要实时推送 @ , 我们将 Websoket 尽量放在全局入口,接收信息onmessage 事件也放在 入口文件中,这样全局都能接收到数据,接收到的数据...在 App.vue 中 接收 Websoket 推送的消息 这块的设计很关键,决定了聊天数据的存储和设计,「过多细节代码就不放了」。...❝当 A用户 登录了 系统,此时就会和 Websoket 建立连接,后端会记录起来,该用户的标识,状态为登录。

82830
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    智慧园区可视化应用数据源接口问题

    调试代码示例: /** * 说明:为模拟数据对接,ThingJS平台部署单独部署了一台服务器3dmmd.cn,模拟合作商的后端服务器 * 端口82 为websoket 接口,优势实时性好...,"id":"1"}] 调试代码示例; 1、ajax请求数据: /** * 说明:为模拟数据对接,ThingJS平台部署单独部署了一台服务器3dmmd.cn,模拟合作商的后端服务器 * 端口82 为websoket...数据对接 ********************/ // 对接自有websoket服务器 var ws = new WebSocket('ws://192.168.10.67:9090/ws/testOut789...'); // 建立 web socket 连接成功触发事件 ws.onopen = function () { console.log("websoket服务器连接成功..."); }; //...接收服务端数据时触发事件 ws.onmessage = function (evt) { console.log(evt+''); console.log("websoket接收数据:"

    99131
    领券