uni-app调用websocket无法关闭
uni-app调用websocket无法关闭
问题描述
Android端APP，第一次执行uni.closeSocket后会显示关闭成功，但是WebSocket并没有被关闭，依然在获取数据。之后的uni.closeSocket全部返回关闭失败！
uni.connectSocket({
url: 'ws://172.16.32.204:8000',
success: (res) => {
console.log("WebSocket服务连接成功！");
}
})
uni.onSocketOpen(function() {
uni.onSocketMessage(function(res) {
console.log("收到服务器内容：" + res.data);
uni.closeSocket({
success: function(res) {
console.log("WebSocket关闭成功！");
},
fail: function(res) {
console.log("WebSocket关闭失败！");
}
})
})
})
更多关于uni-app调用websocket无法关闭的实战教程也可以访问 https://www.itying.com/category-93-b0.html
我昨天刚试了移动端。你试行不行。就是uni.closeSocket的参数里有一个code，默认是发送1000的。表示正常关闭。把这个值换成1000之外的值，例如500.就会关闭。同时onSocketError会被调用。
更多关于uni-app调用websocket无法关闭的实战教程也可以访问 https://www.itying.com/category-93-b0.html
回复 DCloud_Android_DQQ: 我上面贴的那个代码，放在iOS上是可以正常关闭的，Android端无效。至于楼上说的心跳我不清楚，我这边的需求是拿到第一个值以后立刻关闭WebSocket。
再总结一下。 你的写法是有问题的。 用下面的代码测试 可以实现你的需要
websocket: function() {
console.log(“websocket！222”);
uni.connectSocket({
url: ‘wss://xxxxxxxx.com/xxxx/Socket?token=290090’,
success: (res) => {
console.log(“WebSocket服务连接成功！”);
}
})
// uni.onSocketOpen(function() {
uni.onSocketMessage(function(res) {
console.log("收到服务器内容：" res.data);
uni.closeSocket({
success: function(res) {
console.log("WebSocket关闭成功！");
},
fail: function(res) {
console.log("WebSocket关闭失败！");
}
})
})
// })
},<br>
我昨天刚试了移动端。你试行不行。就是uni.closeSocket的参数里有一个code，默认是发送1000的。表示正常关闭。把这个值换成1000之外的值，例如500.就会关闭。同时onSocketError会被调用。
真的是服了， 沉年老问题，2024了。还有。死活关不掉，提示了关闭成功，但是心跳还是有， 进页面了又创建一个监听，然后返回上一页，提示关闭成功， 重新进入页面，又创建一个监听。导致所有功能都不正常。
反正就是每次退出都提示正常关闭了监听，但是重新进入页面创建监听，就会在上次的基础监听上+1次。
机型是华为P60 ，魅族的也试了，一样。
这是一个典型的WebSocket关闭时序问题。在uni.onSocketMessage回调中直接调用uni.closeSocket会导致连接状态异常。
问题分析：
当WebSocket连接成功后，服务器持续推送数据，每次收到消息都会触发onSocketMessage回调。如果在回调中立即执行closeSocket，而服务器仍在发送数据，就会造成连接状态冲突。第一次可能显示成功但实际未完全关闭，后续再调用就会失败。
解决方案：
- 避免在消息回调中关闭连接：将关闭逻辑移到合适的业务位置
- 使用状态控制：添加连接状态标识
- 完整示例代码：
let socketOpen = false
let socketTask = null
// 连接WebSocket
function connectWebSocket() {
socketTask = uni.connectSocket({
url: 'ws://172.16.32.204:8000',
success: (res) => {
console.log("开始连接WebSocket")
}
})
socketTask.onOpen(() => {
socketOpen = true
console.log("WebSocket连接成功")
})
socketTask.onMessage((res) => {
console.log("收到服务器内容：" + res.data)
// 处理消息，不要在这里关闭连接
})
socketTask.onClose(() => {
socketOpen = false
console.log("WebSocket连接关闭")
})
}
// 关闭WebSocket
function closeWebSocket() {
if (socketTask && socketOpen) {
socketTask.close({
success: (res) => {
socketOpen = false
console.log("WebSocket关闭成功")
},
fail: (err) => {
console.log("WebSocket关闭失败", err)
}
})
}
}
// 在需要的时候调用closeWebSocket()