MQTT--websockets测试

最新推荐文章于 2024-01-24 16:50:58 发布
最新推荐文章于 2024-01-24 16:50:58 发布
阅读量3k 收藏 4
点赞数
文章标签： MQTT
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_28877125/article/details/78350479
版权 
<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>Bootstrap 101 Template</title>

    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>
    <h1>你好，世界！</h1>

    <div class="form-group">     
     <label for="exampleInputEmail1">订阅的主题：chat</label>
   </div>
   <div class="form-group">         
     <label for="exampleInputEmail1">websocket：www.liefyuan.com:9001</label>
   </div>
   <div class="form-group">         
     <label for="exampleInputEmail1">mqtt：www.liefyuan.com:1883</label>
   </div>

    <div class="form-group">     
    <input type="email" class="form-control" id="msg" placeholder="输入要发送的消息">
    <button type="submit"  onclick="sendMsg()"class="btn btn-default">发送</button>
   </div>

   <div class="form-group">     
     <label for="exampleInputEmail1">收到的消息:</label>  
   </div>
   <div class="form-group">   
    <textarea class="form-control" rows="10" id="messageShow"></textarea>
  </div>

    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script> 

    <!--<script src="https://cdn.bootcss.com/paho-mqtt/1.0.2/mqttws31.js"></script>-->

    <script src="https://cdn.bootcss.com/paho-mqtt/1.0.2/mqttws31.min.js"></script>

    <script type="text/javascript">       

            client = new Paho.MQTT.Client("www.liefyuan.top", Number(9001), "websockets-test");//建立客户端实例
            client.connect({onSuccess:onConnect});//连接服务器并注册连接成功处理事件  
            function onConnect() {  
                console.log("onConnected");  
                client.subscribe("chat");//订阅主题
                console.log("subscribed");  
                //发送消息  
            message = new Paho.MQTT.Message("helloWS");
            message.destinationName = "chat";
            client.send(message);  
            console.log("sended")

            }  
            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);  
              document.getElementById("messageShow").value+=message.payloadString;
              document.getElementById("messageShow").value+="\n";
            } 

            function sendMsg() {  
               message = new Paho.MQTT.Message(document.getElementById("msg").value);  
               message.destinationName = "chat";
               client.send(message);  
               console.log("sended")
            }           

    </script>

  </body>
</html>
liefyuan
关注
  • 0
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
MQTT测试工具V3.5.15(MQTT抓取/筛选/过滤/保存工具,JSON解析,ecu/scu报文抓取)
05-25
本人写的电力行业MQTT测试工具，单文件免安装，随存随用。支持MQTT报文发送、接收，对接收的MQTT报文进行抓取、过滤、筛选、查找、保存等操作，支持将json报文进行判断和解析，若报文正确能自动格式化显示。主要适配于国网scu、ecu、2022集中器等基于mqtt的报文获取与分析，自带scu协议规约文档,一键打开。
MQTT-3.1.1-CN.zip_MQTT-3.1.1-CN_MQTT-3.1.1-CN.pdf_mqtt 3.1.1 文档
07-14
MQTT中文文档,帮助理解MQTT具体协议，用于创建服务器或者客户端
微信小程序使用MQTT的小例子
最新发布
weixin_42315823的博客
01-24 1242
微信小程序使用MQTT
mqtt-spy最新版本 mqtt-spy 1.0.1 beta 18
10-19
mqtt-spy 是一个开源的 MQTT（Message Queuing Telemetry Transport）客户端工具，用于监控和测试 MQTT 代理服务器。它是基于 Java 开发的，可以在多个操作系统上运行，包括 Windows、Linux 和 macOS。mqtt-spy 提供了丰富的功能，使用户能够轻松地与 MQTT 代理进行交互、监视 MQTT 消息流并进行测试。 以下是 mqtt-spy 的一些主要特点和功能： MQTT 客户端：mqtt-spy 允许您模拟 MQTT 客户端，可以连接到 MQTT 代理服务器并发布/订阅主题。这使您能够轻松地与 MQTT 代理进行通信并测试其功能。 实时监控：您可以使用 mqtt-spy 实时监视 MQTT 代理上的消息流。这包括显示已发布和已订阅消息以及与主题相关的其他信息。监控界面可以帮助您了解 MQTT 代理的运行状况。 消息编辑和发送：mqtt-spy 允许您编辑和发送 MQTT 消息，以便进行测试和调试。您可以指定消息的主题、负载和其他属性，并查看消息的发布情况。
mqtt-realtime-chart-server：Express.js-MQTT-实时流的Socket.io应用程序
02-05
mqtt-实时图表服务器 该项目使用Rickshaw.js图表​​库演示了高频数据流（50Hz +）的可视化！ mqtt-realtime-chart-server是一个Express.js-MQTT-Socket.io应用程序，可与结合使用。 产品特点 服务器 发布并订阅MQTT主题（例如，电压） 使用websockets将收到的消息转发给客户端 客户 多系列折线图实时数据可视化 动态滑块，用于控制图表渲染频率（在N条消息后渲染图表） 这对于优化目的很有用，尤其是在高频实时流中，您可以在其中降低图表渲染调用以减轻CPU负载。 入门 先决条件 在运行客户端之前，请确保已在计算机上下载/安装
mqtt.min.js
06-15
微信小程序APP
前端页面通过Mqtt的websockets方式接收后台主动推送的消息
qbjkyh的专栏
05-04 3408
本文介绍了前端通过mqtt的websockets方式与后台进行消息的传递和交互的过程，消息的内容为json格式的字符串。
MQTT及Webscoket的介绍及使用
weixin_34417183的博客
04-25 694
MQTT是为了物联网场景设计的基于TCP的Pub/Sub协议，有许多为物联网优化的特性，比如适应不同网络的QoS、层级主题、遗言等等。WebSocket是为了HTML5应用方便与服务器双向通讯而设计的协议，HTTP握手然后转TCP协议，用于取代之前的Server Push、Comet、长轮询等老旧实现。MQTT:通常用于 IOT 设备上(作为MQTT Client)，基于 TCP 有一套自己的协议...
服务器安装MQTT服务器并启用websockets,配置SSL
qwe1314225的博客
04-16 6459
背景 最近接触物联网，感觉太有意思了，打算弄个用手机控制的遥控小车， 手机与小车之前通讯采用MQTT，服务器就需要安装mosquitto，于是就有了这篇文章，期间经历了不为人知的心酸与苦楚，早上起来，到晚上6点才整成功，记录一下中间过程。 环境 linux centos7.4 1. 直接安装mosquitto 需要提前准备一下基础环境 cmake用来编译代码，经常用 yum install gcc-c++ yum install cmake yum install openssl-devel 创建一个
使用H5页面基于WebSockets访问MQTT
gycommunicate的专栏
06-04 855
使用H5页面访问MQTT，使用Nginx代理实现H5页面根据域名采用https或http进行通讯
MQTT Web Toolkit - MQTT 在线测试工具正式发布
热门推荐
emqx_broker的博客
09-29 2万+
MQTT Web Toolkit 是 EMQ 最近开源的一款 MQTT (WebSocket) 测试工具，支持线上 (tools.emqx.io) 访问使用。该工具采用了聊天界面形式，简化了页面操作逻辑，方便用户快速测试验证MQTT应用场景。 功能简介 支持通过普通或者加密的 WebSocket 端口连接至 MQTT 消息服务器； 链接的新建、编辑、删除以及缓存链接方便下次访问使用； 不同链接的...
mqtt-pwn:MQTT-PWN打算成为IoT Broker渗透测试和安全评估操作的一站式服务
05-02
MQTT-PWN MQTT是一种机器对机器的连接协议，被设计为一种极其轻量级的发布/订阅消息传递，并已被全球数百万个IoT设备广泛使用。 MQTT-PWN打算成为IoT Broker渗透测试和安全评估操作的一站式商店，因为它结合了枚举，支持功能和开发模块，同时将所有这些都打包在命令行界面中，并且易于使用和可扩展的类贝壳环境。 作者 功能支持 Credential Brute-Forcer-可配置的暴力破解密码以绕过身份验证控件 主题枚举器-通过一段时间内的连续采样来建立全面的主题列表 有用的信息收集器-从包含已知感兴趣主题的可扩展预定义列表中获取和标记数据 GPS追踪器-使用OwnTracks应用绘制来自设备的路线并收集发布的坐标 Sonoff Exploiter –设计用于提取密码和其他敏感信息 可扩展性-该框架旨在轻松添加新的自定义插件 Shodan-通过Shodan.io
MQTT入门（10）- MQTT与WebSocket
05-04
NULL 博文链接：https://rensanning.iteye.com/blog/2407142
mqtt-xmeter-2.0.2-jar-with-dependencies.zip
08-26
mqtt-xmeter-2.0.2-jar-with-dependencies.zip
如何为 Mosquitto MQTT 代理启用 WebSocket？
网络技术联盟站
07-03 658
通过启用Mosquitto MQTT代理的WebSocket支持，我们可以在Web浏览器中直接与MQTT代理进行通信，无需额外的客户端库。通过WebSocket，我们可以实现实时的双向数据传输，从而方便地创建物联网和传感器网络应用。启用Mosquitto MQTT代理的WebSocket支持需要安装和配置Mosquitto，编辑配置文件并重启服务。然后，我们可以使用JavaScript代码在Web浏览器中创建MQTT over WebSocket连接，并进行订阅和发布消息的操作。
WebSocket 连接 MQTT 服务器
lvmingzhou的专栏
09-17 1091
https://github.com/liaochong/myexcel/wiki
MQTT的奇妙之旅：探索RabbitMQ Web MQTT插件的威力【RabbitMQ 十一】
todoitbo的博客
12-16 1447
在搭建可伸缩和高性能消息队列系统时，RabbitMQ 一致性哈希交换机插件是一项强大的利器。本文深入研究了该插件的设计理念、工作原理，以及在实际项目中的应用场景。探索一种更智能、更可控的消息路由方式，引领你踏入 RabbitMQ 一致性哈希交换机的神奇世界。
免费测试的mqtt服务器（2022/04/28更新）
幻蜗的笔记
03-03 1万+
更新mqtt可用测试服务器，旧链接已失效
java mqtt 服务器_2020 年常见 MQTT 客户端工具比较
weixin_39969340的博客
11-28 810
MQTT 客户端工具介绍 概览在学习和使用 MQTT 的过程中，一个得心应手的客户端工具可以极大的方便使用者进行 MQTT 特性的探索和功能组件的调试。来自世界各地的开发者们围绕不同操作系统、运行平台，开发出了许多针对 MQTT 协议的客户端测试工具。这些客户端工具种类繁多，功能侧重点不尽相同，质量层次不齐，因此，对于初学者乃至 MQTT 专家来说，如何选择一个适用的 MQTT 客...
mqtt-pwn安装
09-20
安装mqtt-pwn的步骤如下： 1. 克隆mqtt-pwn仓库：使用命令`git clone https://github.com/akamai-threat-research/mqtt-pwn.git`将mqtt-pwn仓库克隆到本地。 2. 进入mqtt-pwn目录：使用命令`cd mqtt-pwn`进入mqtt-...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值