WebSocket在web端和小程序端的坑！

Sakura小败狗

于 2019-05-31 13:31:01 发布

阅读量2.7k

点赞数 1

分类专栏：日常解决bug篇文章标签： websocket uni-app

本文链接：https://blog.youkuaiyun.com/qq_42670220/article/details/90714579

版权

在uni-app中使用Stomp over WebSocket遇到问题，由于uni-app不支持DOM操作，导致引入的sockJS包无法正常工作。第二次尝试使用原生uni.connectSocket()，出现WebSocket握手异常，最终发现是服务端开启的sockjs模式导致问题，关闭该模式后成功解决连接问题。

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

如题再使用webSocket的过程中遇到了一些很让人头痛的坑

关于WebSocket，Stomp over WebSocket相关的定义就不在赘述了
- 第一次尝试
- 第二次尝试

关于WebSocket，Stomp over WebSocket相关的定义就不在赘述了

我先是使用的Stomp over WebSocket实现了一次消息推送。然后心血来潮想要在uni-app上面也实现一次。（uni-app是基于Vue.JS的）结果就很自然的出问题了。下面整理一下在uniapp整合WebSocket中遇到的bug

第一次尝试

因为我没有什么小程序的底子，我先想当然的像web开发一样去写。先引入stomJS和sockJS包，然后用new Socket（url）的方式去实例化SockJs，然后通过创建StompClient去连接订阅。


	connect: function(userId,txtNumber, successCallback) {
		   var socket = new SockJS(sprintf("http://%s:8081/socket", serverIp));//实例化sockJS
		   page.stompClient = Stomp.over(socket);//实例化STOMP

			var headers = {
        	    "passcode" : "343",
        	    "login": userId,
				"chatNumber":txtNumber
			};


			//stompClient.debug = null;

			page.stompClient.connect(headers, function(response) {//连接客户端
          		successCallback(response);//;连接成功时

			}, fu

最低0.47元/天解锁文章