uniapp 使用Stomp搭建WebSocket

最新推荐文章于 2024-01-08 17:12:42 发布

HXH_csdn

最新推荐文章于 2024-01-08 17:12:42 发布

阅读量2k

点赞数

文章标签： websocket javascript node.js

本文链接：https://blog.youkuaiyun.com/HXH_csdn/article/details/120747054

版权

在uniapp开发中，使用Stomp和WebSocket时遇到H5与手机端兼容问题，详细介绍了如何解决H5运行正常但手机端报错的状况，提供了避免使用SockJS的解决方案，并分享了多个参考资料链接，帮助开发者实现uniapp的WebSocket通信。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在使用 Stomp 的过程中遇到了好多坑，H5可以正常运行，但是手机上就报错了
首先使用H5的写法Stomp + SockJS

//原生window的WebSocket
import {WebSocketPolyfill} from '@/common/js/websocket-polyfill.js'   
//npm下载的插件
import SockJS from "sockjs-client"
import Stomp from 'stompjs'

let global = {}
global.WebSocket = window.WebSocket = WebSocketPolyfill;
const websocket = new SockJS(`${config.url_config}/tiwang-websocket/ws?Blade-Auth=bearer ${this.token}`,
	null, {
		timeout: 15000
	});
const stompClient = this.stompClient = Stomp.over(websocket);
stompClient.debug = null; //不打印日记
// console.log('stompClient ===>', stompClient)
stompClient.heartbeat.outgoing = 5000; // 若使用STOMP 1.1 版本，默认开启了心跳检测机制（默认值都是10000ms）
stompClient.heartbeat.incoming = 5000; // 客户端从服务端接收心跳包
return
stompClient.connect({},
	(res) => {
		this.sub = stompClient.subscribe(`/topic/public/${this