websocket完成心跳功能

最新推荐文章于 2024-07-18 11:33:22 发布

夜月明_

最新推荐文章于 2024-07-18 11:33:22 发布

阅读量1.8k

点赞数 1

分类专栏：前端总结文章标签： websocket js angular

本文链接：https://blog.csdn.net/qq_15798421/article/details/118977634

版权

这篇博客介绍了如何使用WebSocket在客户端和服务器之间建立心跳机制，确保连接的稳定性和可靠性。通过JavaScript和Angular框架，博主分享了实现心跳功能的关键步骤和技术要点。

摘要由CSDN通过智能技术生成

前端webscoket完成心跳

项目里面需要用到心跳功能，第一版使用延时器写的，发现并不能准时请求，于是用socket代替了，代码如下：

setHeartWs(){
	// 因为传值用到了token，就这么取值了，不用可以去掉
        console.log(this.tokenService.getPayload());
        const token_:any = this.tokenService.getPayload();
        let message = `${token_.userId}_${token_.clientIp}`;
        let lockReconnect = false; // 避免重复连接
        // 根据当前协议类型区分是ws还是wss
        let protocol: any;
        if (window.location.protocol === 'http:') {
            protocol = window.location.protocol.replace('http', 'ws');
        } else if (window.location.protocol === 'https:') {
            protocol = window.location.protocol.replace('https', 'wss');
        }
        const host = window.location.host;
        // 这是后台接口路径
        const path = 'ping';
        let ws:WebSocket;
        // 定时器number
        let tt = 0;
        // 创建ws
        function creatWs(){
            t