<template>
|
<view>
|
<button @click="connect">连接 SignalR</button>
|
<button @click="disconnect">断开连接</button>
|
<button @click="sendMsg">发送测试消息</button>
|
</view>
|
</template>
|
|
<script>
|
import signalR from '@/utils/SignalR.js';
|
|
export default {
|
methods: {
|
// 连接
|
async connect() {
|
await signalR.initSignalR({
|
onLog: (msg, type) => console.log(`[SignalR] ${msg}`),
|
onConnected: (connId) => console.log('连接成功，ID：', connId),
|
onDisconnected: () => console.log('连接断开'),
|
onMessage: (data) => console.log('收到消息：', data),
|
hubName: 'MyHub1',
|
serverUrl: 'http://192.168.0.121:81/signalr/'
|
});
|
},
|
|
// 断开
|
disconnect() {
|
signalR.disconnect((msg) => console.log(msg));
|
},
|
|
// 发送消息
|
async sendMsg() {
|
const res = await signalR.sendMessage('测试用户', 'Hello SignalR');
|
console.log('发送结果：', res);
|
uni.showToast({
|
title: res.msg,
|
icon: res.success ? 'success' : 'none'
|
});
|
}
|
}
|
}
|
</script>
|
