近期个人在使用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>
或