草庐IT

【MQTT】Javascript通过WebSocket连接MQTT

命运之手 2023-09-29 原文

MQTT over WebSocket

标准的MQTT是通过TCP协议来进行通信的，这样网页就没法使用MQTT协议了

一个变通的方法是，在同一个程序中，同时集成MQTT服务和一个WebSocket服务

通过WebSocket服务，将MQTT服务收到的消息转发给网页，这样网页就也能使用MQTT协议了

这种方案就叫做MQTT over WebSocket

当然，也可以不用MQTT协议，全部通过WebSocket来通信也可以

mosquitto

mosquitto是一个支持MQTT over WebSocket的MQTT代理服务器

通过以下配置，可以让mosquitto同时开启MQTT和WebSocket


	#MQTT协议
	port 18006
	protocol mqtt
	
	#WebSocket协议
	listener 18007
	protocol websockets
	socket_domain ipv4
	
	#允许匿名登录
	allow_anonymous true
	
	#指定账号密码文件
	password_file user.conf
	
	#HTTPS证书
	cafile D:\dev\mosquitto\crt\ca.crt
	certfile D:\dev\mosquitto\crt\server.crt
	keyfile D:\dev\mosquitto\crt\server.key

SSL证书

WebSocket有ws和wss两种，分别对应http和https网页一起使用

SSL证书可以自己去制作，另外自制证书本来就是不安全的，需要自己想办法在网页中添加信任

这步比较麻烦，如果需要使用SSL，自己单独去研究下，这里主要讲解网页怎么使用mqtt

mqtt.js

自己去网页或者Demo里下载paho-mqtt.js，使用方法如下


	//创建MQTT配置
	let config = {
	    id: random(),
	    ip: "192.168.5.31",
	    port: 18007,
	    ssl: true
	};
	
	//设置MQTT回调
	let callback = {
	    onConnected: onConnected,
	    onDisconnected: onDisconnected,
	    onMessage: onMessage
	};
	
	//创建MQTT客户端
	let client = new Paho.MQTT.Client(config.ip, config.port, config.id);
	
	//开始连接
	client.onConnectionLost = callback.onDisconnected;
	client.onMessageArrived = callback.onMessage;
	client.connect({
	    useSSL: config.ssl,
	    onSuccess: callback.onConnected
	});
	
	//连接成功
	function onConnected() {
	    console.log("MQTT", "OnConnected", config.id);
	    subscribeTopic(config.id);
	    sendMessage(config.id, {
	        type: "try",
	        code: 0,
	        message: "Success",
	        data: 100
	    });
	}
	
	//断开连接
	function onDisconnected(error) {
	    console.log("MQTT", "OnDisconnected", error.errorCode, error.errorMessage);
	}
	
	//收到消息
	function onMessage(message) {
	    let payload = message.payloadString;
	    console.log("MQTT", "OnMessage", payload);
	}
	
	//发送消息
	function sendMessage(topic, message) {
	    if (!client.isConnected())
	        return;
	    let payload = JSON.stringify(message);
	    let mqttMessage = new Paho.MQTT.Message(payload);
	    mqttMessage.destinationName = topic;
	    client.send(mqttMessage);
	    console.log("MQTT", "SendMessage", topic, payload);
	}
	
	//订阅主题
	function subscribeTopic(topic) {
	    if (!client.isConnected())
	        return;
	    client.subscribe(topic);
	    console.log("MQTT", "SubscribeTopic", topic);
	}
	
	//生成随机字符串
	function random() {
	    //获得当前时间戳
	    let millis = new Date().getTime();
	    //生成一个100万-999万之间的随机数
	    let int = Math.floor(Math.random() * 900 * 10000 + 100 * 10000);
	    //拼接字符串
	    let random = "ID:" + millis + int;
	    return random;
	}

源码和服务端程序下载

mosquitto+mqtt.js.zip

MQTTJavascriptspanclasstokenwebsocketmosquitto

有关【MQTT】Javascript通过WebSocket连接MQTT的更多相关文章

  1. ruby - 通过 rvm 升级 ruby​​gems 的问题 - 2

    尝试通过RVM将RubyGems升级到版本1.8.10并出现此错误:$rvmrubygemslatestRemovingoldRubygemsfiles...Installingrubygems-1.8.10forruby-1.9.2-p180...ERROR:Errorrunning'GEM_PATH="/Users/foo/.rvm/gems/ruby-1.9.2-p180:/Users/foo/.rvm/gems/ruby-1.9.2-p180@global:/Users/foo/.rvm/gems/ruby-1.9.2-p180:/Users/foo/.rvm/gems/rub

  2. ruby - 通过 erb 模板输出 ruby​​ 数组 - 2

    我正在使用puppet为ruby​​程序提供一组常量。我需要提供一组主机名，我的程序将对其进行迭代。在我之前使用的bash脚本中，我只是将它作为一个puppet变量hosts=>"host1,host2"我将其提供给bash脚本作为HOSTS=显然这对ruby​​不太适用——我需要它的格式hosts=["host1","host2"]自从phosts和putsmy_array.inspect提供输出["host1","host2"]我希望使用其中之一。不幸的是，我终其一生都无法弄清楚如何让它发挥作用。我尝试了以下各项:我发现某处他们指出我需要在函数调用前放置“function_”……这

  3. ruby - 续集在添加关联时访问many_to_many连接表 - 2

    我正在使用Sequel构建一个愿望list系统。我有一个wishlists和itemstable和一个items_wishlists连接表(该名称是续集选择的名称)。items_wishlists表还有一个用于facebookid的额外列(因此我可以存储opengraph操作)，这是一个NOTNULL列。我还有Wishlist和Item具有续集many_to_many关联的模型已建立。Wishlist类也有:selectmany_to_many关联的选项设置为select:[:items.*,:items_wishlists__facebook_action_id].有没有一种方法可以

  4. ruby - 通过 ruby​​ 进程共享变量 - 2

    我正在编写一个gem，我必须在其中fork两个启动两个webrick服务器的进程。我想通过基类的类方法启动这个服务器，因为应该只有这两个服务器在运行，而不是多个。在运行时，我想调用这两个服务器上的一些方法来更改变量。我的问题是，我无法通过基类的类方法访问fork的实例变量。此外，我不能在我的基类中使用线程，因为在幕后我正在使用另一个不是线程安全的库。所以我必须将每个服务器派生到它自己的进程。我用类变量试过了，比如@@server。但是当我试图通过基类访问这个变量时，它是nil。我读到在Ruby中不可能在分支之间共享类变量，对吗？那么，还有其他解决办法吗？我考虑过使用单例，但我不确定这是

  5. ruby - 通过 RVM (OSX Mountain Lion) 安装 Ruby 2.0.0-p247 时遇到问题 - 2

    我的最终目标是安装当前版本的RubyonRails。我在OSXMountainLion上运行。到目前为止，这是我的过程:已安装的RVM$\curl-Lhttps://get.rvm.io|bash-sstable检查已知(我假设已批准)安装$rvmlistknown我看到当前的稳定版本可用[ruby-]2.0.0[-p247]输入命令安装$rvminstall2.0.0-p247注意:我也试过这些安装命令$rvminstallruby-2.0.0-p247$rvminstallruby=2.0.0-p247我很快就无处可去了。结果:$rvminstall2.0.0-p247Search

  6. ruby-on-rails - Enumerator.new 如何处理已通过的 block ？ - 2

    我在理解Enumerator.new方法的工作原理时遇到了一些困难。假设文档中的示例:fib=Enumerator.newdo|y|a=b=1loopdoy[1,1,2,3,5,8,13,21,34,55]循环中断条件在哪里，它如何知道循环应该迭代多少次(因为它没有任何明确的中断条件并且看起来像无限循环)？ 最佳答案 Enumerator使用Fibers在内部。您的示例等效于:require'fiber'fiber=Fiber.newdoa=b=1loopdoFiber.yieldaa,b=b,a+bendend10.times.m

  7. ruby - 无法在 60 秒内获得稳定的 Firefox 连接 (127.0.0.1 :7055) - 2

    我使用的是Firefox版本36.0.1和Selenium-Webdrivergem版本2.45.0。我能够创建Firefox实例，但无法使用脚本继续进行进一步的操作无法在60秒内获得稳定的Firefox连接(127.0.0.1:7055)错误。有人能帮帮我吗？ 最佳答案 我遇到了同样的问题。降级到firefoxv33后一切正常。您可以找到旧版本here 关于ruby-无法在60秒内获得稳定的Firefox连接(127.0.0.1:7055)，我们在StackOverflow上找到一个类

  8. ruby - 寻找通过阅读代码确定编程语言的ruby gem？ - 2

    几个月前，我读了一篇关于ruby​​gem的博客文章，它可以通过阅读代码本身来确定编程语言。对于我的生活，我不记得博客或gem的名称。谷歌搜索“ruby编程语言猜测”及其变体也无济于事。有人碰巧知道相关gem的名称吗？ 最佳答案 是这个吗:http://github.com/chrislo/sourceclassifier/tree/master 关于ruby-寻找通过阅读代码确定编程语言的rubygem？，我们在StackOverflow上找到一个类似的问题：

  9. 通过 MacPorts 的 RubyGems 是个好主意吗？ - 2

    从MB升级到新的MBP后，Apple的迁移助手没有移动我的gem。我这次是通过macports安装ruby​​gems，希望在下次升级时避免这种情况。有什么我应该注意的陷阱吗？ 最佳答案 如果你想把你的gems安装在你的主目录中(在传输过程中应该复制过来，作为一个附带的好处，会让你以你自己的身份运行geminstall，而不是root)，将gemhome:键设置为您在~/.gemrc中的主目录中的路径. 关于通过MacPorts的RubyGems是个好主意吗？，我们在StackOverf

  10. ruby - 通过 RVM 安装 Ruby 1.9.2 永远行不通! - 2

    当我执行>rvminstall1.9.2时一切顺利。然后我做>rvmuse1.9.2也很顺利。但是当涉及到ruby​​-v时..sam@sjones:~$rvminstall1.9.2/home/sam/.rvm/rubies/ruby-1.9.2-p136,thismaytakeawhiledependingonyourcpu(s)...ruby-1.9.2-p136-#fetchingruby-1.9.2-p136-#downloadingruby-1.9.2-p136,thismaytakeawhiledependingonyourconnection...%Total%Rece

随机推荐