前端MQTT使用

前端MQTT使用

发送端

			var options = {
				//mqtt客户端的id，这里面应该还可以加上其他参数，具体看官方文档
				clientId: 'mqttjs_' + Math.random().toString(16).substr(2, 8)
			}
			//console.log(options.clientId);
			//浏览器采用websocket协议，host主机地址为192.168.0.200，端口为9001，路径为/mqtt
			var client = mqtt.connect("ws://" + MqttAddress + "/mqtt", options) // you add a ws:// url here
			// var client = mqtt.connect("ws://192.168.19.11:8083/mqtt", options) // you add a ws:// url here

			//建立连接
			client.on('connect', function(data) {
				client.publish('Client3DWeb/setting', "zzzby")
			})
			// alert("提交成功")

接收端

			var options = {clientId: 'mqttjs_' + Math.random().toString(16).substr(2, 8)}
			var client = mqtt.connect("ws://" + MqttAddress + "/mqtt", options) // 
			
			//建立连接
			client.on('connect', function(data) {
				//连接成功后订阅主题
				client.subscribe('Client3DWeb/setting', function(err) {
					if (err){
						console.log(err)
					}
				})
			})
			
			//如果client订阅主题成功，那么这里就是当接收到自己订阅主题的处理逻辑
			client.on('message', function(topic, message) {
				window.location.reload();
				
			})