1.首先引入CDN在线文件
<script src="https://cdn.bootcss.com/paho-mqtt/1.0.2/mqttws31.min.js"></script>
2.相关代码
client = new Paho.MQTT.Client("www.liefyuan.top", Number(9001), "websockets-test");//建立客户端实例
client.connect({onSuccess:onConnect});//连接服务器并注册连接成功处理事件
function onConnect() {
console.log("onConnected");
topic = 'v1/devices/me/telemetry'; //订阅的主题
client.subscribe(topic);//订阅主题
console.log("subscribed");
//发送消息
}
client.onConnectionLost = onConnectionLost;//注册连接断开处理事件
client.onMessageArrived = onMessageArrived;//注册消息接收处理事件
function onConnectionLost(responseObject) {
if (responseObject.errorCode !== 0) {
console.log("onConnectionLost:"+responseObject.errorMessage);
console.log("连接已断开");
}
}
function onMessageArrived(message) {
console.log("收到消息:"+message.payloadString);
console.log("主题:"+message.destinationName);
// temprature = message.payloadString.slice(15,20); // 截取数据
// humidity = message.payloadString.slice(32,37); // 截取数据
var temp1 = jQuery.parseJSON(message.payloadString);
console.log("解析出来的:humidity:"+temp1.humidity);
console.log("解析出来的:temperature:"+temp1.temperature);
// 直接使用格式化的JSon数据
temperature = temp1.temperature; // 直接使用格式化的JSon数据
humidity = temp1.humidity;
//console.log(temprature.slice(15,20));
//console.log(temprature.slice(32,37));
}