uniapp websocket接收消息
时间: 2023-11-01 14:06:44 浏览: 102
在uni-app中,你可以使用uni-app提供的uni-socketio插件来实现websocket的连接和消息接收。下面是一个简单的示例:
1. 安装uni-socketio插件
在HBuilderX中打开你的uni-app项目,在manifest.json文件中添加以下依赖:
```json
"dependencies": {
"uni-socket.io": "^1.0.2"
}
```
保存后,在控制台中执行npm install安装依赖。
2. 创建websocket连接
在页面中引入uni-socketio插件,并且使用以下代码创建websocket连接:
```javascript
import io from 'uni-socket.io';
let socket = io('ws://localhost:3000');
socket.on('connect', () => {
console.log('websocket已连接');
});
socket.on('message', (msg) => {
console.log('收到消息:', msg);
});
```
这里我们使用了io函数创建了一个websocket连接,并且监听了connect和message两个事件。当websocket连接成功时,会触发connect事件,当接收到消息时,会触发message事件。
3. 发送消息
使用以下代码可以向服务器发送消息:
```javascript
socket.emit('message', 'hello, server');
```
这里我们使用了emit函数向服务器发送了一条消息。
以上就是uni-app中使用websocket接收消息的简单示例,你可以根据自己的实际需求进行修改和扩展。
阅读全文