uni.connectSocket({
url: 'wss://echo.websocket.org',
data() {
return {
msg: 'Hello'
}
},
// #ifdef MP
header: {
'content-type': 'application/json'
},
// #endif
// #ifdef MP-WEIXIN
method: 'GET',
// #endif
success(res) {
// 这里是接口调用成功的回调,不是连接成功的回调,请注意
console.log('调用成功')
},
fail(err) {
// 这里是接口调用失败的回调,不是连接失败的回调,请注意
}
})
uni.onSocketOpen((res) => {
this.connecting = false
this.connected = true
uni.hideLoading()
uni.showToast({
icon: 'none',
title: '连接成功'
})
console.log('onOpen', res);
})
uni.onSocketError((err) => {
this.connecting = false
this.connected = false
uni.hideLoading()
uni.showModal({
content: '连接失败,可能是websocket服务不可用,请稍后再试',
showCancel: false
})
console.log('onError', err);
})
uni.onSocketMessage((res) => {
this.msg = res.data
console.log('onMessage', res)
})
uni.onSocketClose((res) => {
this.connected = false
this.startRecive = false
this.msg = false
console.log('onClose', res)
})
- 发布:2022-10-21 12:02
- 更新:2023-07-04 17:09
- 阅读:392
产品分类: uniapp/App
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: win7
HBuilderX类型: 正式
HBuilderX版本号: 3.6.7
手机系统: Android
手机系统版本号: Android 12
手机厂商: 华为
手机机型: P30
页面类型: vue
vue版本: vue2
打包方式: 云端
项目创建方式: HBuilderX
示例代码:
操作步骤:
示例项目hello真机运行
示例项目hello真机运行
预期结果:
uni.connectSocket调用成功后进入uni.onSocketOpen
uni.connectSocket调用成功后进入uni.onSocketOpen
实际结果:
uni.connectSocket调用成功后进入uni.onSocketError,返回的错误参数为{}
uni.connectSocket调用成功后进入uni.onSocketError,返回的错误参数为{}
bug描述:
uni.connectSocket接口调用成功,uni.onSocketOpen没有触发,直接进入了uni.onSocketError 返回的错误参数是{}。后面又创建了个示例Hello,真机运行还是一样的
ke_huifeng
你解决了没
2023-07-24 11:09
Aideners
哥们哥们,解决了吗?
2023-10-11 10:47