<view class="live_btm">
<input v-model="sayContent" type="text" placeholder="开始互动吧~" />
<view class="send" @click="tapSend">发送</view>
</view>
data() {
return {
message: '',
sayContent: ''
}
},
onLoad(option) {
this.message = JSON.stringify({
roomType: 'into',
roomId: '1',
userId: '1',
sayContent: "",
userNick: '测试'
})
this.connectSocketInit()
},
methods: {
connectSocketInit() {
let that = this
uni.connectSocket({
url: 'ws://地址+端口',
success(data) {
console.log("websocket连接成功");
},
});
uni.onSocketOpen(function(res) {
console.log('WebSocket连接已打开');
uni.sendSocketMessage({
data: that.message,
});
});
uni.onSocketError(function(res) {
console.log('WebSocket连接打开失败,请检查!');
});
uni.onSocketMessage(function(res) {
console.log('收到服务器内容:' + res.data);
});
uni.onSocketClose(function(res) {
console.log('WebSocket 已关闭!');
});
},
send(e) {
uni.sendSocketMessage({
data: this.message,
});
},
},
onUnload() {
uni.closeSocket()
}