uniapp websocket 全局
时间: 2023-09-12 21:10:09 浏览: 109
uniapp封装websocket,使用简单,下载即可使用,统一使用json收发消息,区分业务类型
5星 · 资源好评率100%
UniApp 提供了一种使用 WebSocket 的方式,可以在整个应用程序中使用 WebSocket。在 App.vue 文件中,可以创建和连接 WebSocket,然后在其他页面或组件中使用它。
以下是在 App.vue 中创建 WebSocket 的示例代码:
```
export default {
onLaunch() {
uni.connectSocket({
url: 'ws://localhost:8080',
success() {
console.log('WebSocket 连接成功')
}
})
}
}
```
在其他页面或组件中,可以使用 uni.onSocketMessage 方法来接收 WebSocket 的消息:
```
export default {
created() {
uni.onSocketMessage((res) => {
console.log('收到 WebSocket 消息', res)
})
}
}
```
需要注意的是,WebSocket 连接是异步的,所以需要在成功回调函数中处理连接成功的逻辑。另外,WebSocket 的生命周期需要手动管理,需要在合适的时机调用 uni.closeSocket 方法来关闭连接。
阅读全文