uniapp websocket实现数据实时更新

本文介绍了在uniapp开发实时图表项目时,从使用轮询到选择websocket的原因,以及如何利用GoEasy这个第三方服务在uniapp中实现websocket的数据实时更新。通过引入GoEasy SDK,初始化服务,设置接收和发送消息的步骤,详细展示了具体实现过程,并提及了GoEasy的免费版和付费套餐信息。
摘要由CSDN通过智能技术生成

近期个人在使用uniapp开发一款实时图表的项目,因为涉及到数据的实时刷新,所以起初是考虑使用轮询来实现。不过一旦数据量大起来后,轮询对客户端和服务端的压力都比较大,导致使用轮询的扩展性不佳。

搜索了一遍,很多开发者建议使用websocket来实现数据的实时更新。

什么是websocket

WebSocket是Html5定义的一个新协议,与传统的http协议不同,该协议可以实现服务器与客户端之间全双工通信。简单来说,首先需要在客户端和服务器端建立起一个连接,这部分需要http。连接一旦建立,客户端和服务器端就处于平等的地位,可以相互发送数据,不存在请求和响应的区别。

选定了使用websocket后,为了能够快速搭建demo,我先到uniapp插件市场去搜索了一遍,暂时没有发现可用的websocket插件。

经过后续的搜索发现一款第三方的websocket推送服务:GoEasy,经过简单的测试,发现GoEasy比较好的支持uniapp。

我接下来给大家简单演示一下在uniapp中如何使用GoEasy实现websocket消息推送:

1、引入 GoEasy:

目前GoEasy提供三种方式的引入,你可以根据实际项目的需求进行选择引入方式。

<script type=”text/javascript” src=”https://cdn.goeasy.io/goeasy-1.0.3.js”></script>

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值