<template>
<div class="bg-con">
</div>
</template>
<script>
export default {
data() {
return {
mtopic: ".........",
client: new Paho.MQTT.Client('**.**.**.**', 8083, ''), // 第三个参数是clientID可以为空
};
},
created() {
this.client.connect({
invocationContext: {
host: '**.**.**.**',
port: 8083,
clientId: ''
},
timeout: 10,
keepAliveInterval: 20,
cleanSession: false,
useSSL: false,
onSuccess: this.onConnect,
onFailure: this.onFailure,
}); // 连接服务器并注册连接成功处理事件
this.client.onConnectionLost = this.onConnectionLost; // 注册连接断开处理事件
this.client.onMessageArrived = this.onMessageArrived; // 注册消息接收处理事件
},
mounted() {
},
beforeDestroy() {
},
destroyed() {
},
methods: {
onMessageArrived(message) {
console.log("收到消息:" + message.payloadString);
var response = JSON.parse(message.payloadString);
if (response.type == 0) {
}
},
onConnect() {
console.log('onConnected');
this.client.subscribe(this.mtopic); // 订阅主题
},
onFailure(message) {
console.log('onFailure', message);
},
},
};
</script>
<style scoped>
</style>
vue连接mqtt简单分享
于 2022-07-07 16:24:48 首次发布