uniapp websocket机制心跳重连

最新推荐文章于 2025-08-31 19:31:27 发布

原创

最新推荐文章于 2025-08-31 19:31:27 发布 · 3.6k 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#uni-app #websocket #网络协议 #心跳 #socket重连

本文详细介绍了在uniapp开发中如何使用WebSocket进行通信，包括建立连接、心跳机制以及在连接断开时的重连过程，提供相关代码示例和注意事项。

在开发程序过程中通信功能还是比较常用到的，本文主要介绍的是uniapp中websocket的使用

websocket建立连接后，断开、心跳机制重新链接的一个过程。

关于uni.connectSocket可仔细阅读uniapp官网中的uni.connetSocket以及连接socket创建的实例SocketTask

具体代码如下：内有代码详细注解，如果疑问可在评论区留言。

<script>
    
    var socketTaskChat//全局定义websocket创建的实例名称
    var interVal //全局定义定时执行心跳监测定时器ID，用于清除定时器
	var reconnectTimer //全局定义定时执行一次重连定时器ID，用于清除定时器

    export default{
        data(){

        },
        onLoad(){
            //设置屏幕保持常亮不灭
            uni.setKeepScreenOn({
				keepScreenOn: true
			});
            //创建socket链接
            this.webSocketConfig()
        },
        methods:{
           //建立socekt链接
            webSocketCo