RuoYi-Vue前后端分离搭建MQTT服务器实现消息订阅、发布、数据存储 (EMQX Windows10)最全,懒人操作

这篇具有很好参考价值的文章主要介绍了RuoYi-Vue前后端分离搭建MQTT服务器实现消息订阅、发布、数据存储 (EMQX Windows10)最全,懒人操作。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

1、在RuoYi-Vue项目的superVisualizationSys-common模块下的pom.xml加入jar包依赖

<!--mqtt依赖-->
<dependency>
    <groupId>org.springframework.boot</groupId>
    <artifactId>spring-boot-starter-integration</artifactId>
</dependency>
<dependency>
    <groupId>org.springframework.integration</groupId>
    <artifactId>spring-integration-stream</artifactId>
</dependency>
<dependency>
    <groupId>org.springframework.integration</groupId>
    <artifactId>spring-integration-mqtt</artifactId>
</dependency>

2、在application.yml添加相关配置,加在Spring配置下

# Spring配置
spring:
  # mqtt
  mqtt:
    username: admin # 用户名
    password: public # 密码
    hostUrl: tcp:///broker.emqx.io:1883 # tcp://ip:端口
    clientId: clientId # 客户端id
    defaultTopic: topic,topic1,test # 订阅主题
    timeout: 100 # 超时时间 (单位:秒)
    keepalive: 60 # 心跳 (单位:秒)
    enabled: true # 是否使用mqtt功能

mqtt 数据存储,java,vue.js,服务器,spring

3、在superVisualizationSys-common\src\main\java\com\superVisualization\common\utils目录下新建mqtt文件夹,添加以下三个文件

MqttConfig.java

package com.superVisualization.common.utils.mqtt;


import com.superVisualization.common.utils.StringUtils;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.boot.context.properties.ConfigurationProperties;
import org.springframework.context.annotation.Bean;
import org.springframework.stereotype.Component;

@Component
@ConfigurationProperties("spring.mqtt")
public class MqttConfig {
    @Autowired
    private MqttPushClient mqttPushClient;

    /**
     * 用户名
     */
    private String username;
    /**
     * 密码
     */
    private String password;
    /**
     * 连接地址
     */
    private String hostUrl;
    /**
     * 客户Id
     */
    private String clientId;
    /**
     * 默认连接话题
     */
    private String defaultTopic;
    /**
     * 超时时间
     */
    private int timeout;
    /**
     * 保持连接数
     */
    private int keepalive;
    /**
     * mqtt功能使能
     */
    private boolean enabled;

    public String getUsername() {
        return username;
    }

    public void setUsername(String username) {
        this.username = username;
    }

    public String getPassword() {
        return password;
    }

    public void setPassword(String password) {
        this.password = password;
    }

    public String getHostUrl() {
        return hostUrl;
    }

    public void setHostUrl(String hostUrl) {
        this.hostUrl = hostUrl;
    }

    public String getClientId() {
        return clientId;
    }

    public void setClientId(String clientId) {
        this.clientId = clientId;
    }

    public String getDefaultTopic() {
        return defaultTopic;
    }

    public void setDefaultTopic(String defaultTopic) {
        this.defaultTopic = defaultTopic;
    }

    public int getTimeout() {
        return timeout;
    }

    public void setTimeout(int timeout) {
        this.timeout = timeout;
    }

    public int getKeepalive() {
        return keepalive;
    }

    public void setKeepalive(int keepalive) {
        this.keepalive = keepalive;
    }

    public boolean isEnabled() {
        return enabled;
    }

    public void setEnabled(boolean enabled) {
        this.enabled = enabled;
    }

    @Bean
    public MqttPushClient getMqttPushClient() {
        if(enabled == true){
            String mqtt_topic[] = StringUtils.split(defaultTopic, ",");
            mqttPushClient.connect(hostUrl, clientId, username, password, timeout, keepalive);//连接
            for(int i=0; i<mqtt_topic.length; i++){
                mqttPushClient.subscribe(mqtt_topic[i], 0);//订阅主题
            }
        }
        return mqttPushClient;
    }
}

 MqttPushClient.java

package com.superVisualization.common.utils.mqtt;


import com.superVisualization.common.core.domain.AjaxResult;
import org.eclipse.paho.client.mqttv3.*;
import org.eclipse.paho.client.mqttv3.persist.MemoryPersistence;
import org.slf4j.Logger;
import org.slf4j.LoggerFactory;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Component;

import static com.superVisualization.common.core.domain.AjaxResult.error;
import static com.superVisualization.common.core.domain.AjaxResult.success;

@Component
public class MqttPushClient {
    private static final Logger logger = LoggerFactory.getLogger(MqttPushClient.class);

    @Autowired
    private PushCallback pushCallback;

    private static MqttClient client;

    private static MqttClient getClient() {
        return client;
    }

    private static void setClient(MqttClient client) {
        MqttPushClient.client = client;
    }

    /**
     * 客户端连接
     *
     * @param host      ip+端口
     * @param clientID  客户端Id
     * @param username  用户名
     * @param password  密码
     * @param timeout   超时时间
     * @param keepalive 保留数
     */
    public void connect(String host, String clientID, String username, String password, int timeout, int keepalive) {
        MqttClient client;
        try {
            client = new MqttClient(host, clientID, new MemoryPersistence());
            MqttConnectOptions options = new MqttConnectOptions();
            options.setCleanSession(true);
            options.setUserName(username);
            options.setPassword(password.toCharArray());
            options.setConnectionTimeout(timeout);
            options.setKeepAliveInterval(keepalive);
            MqttPushClient.setClient(client);
            try {
                client.setCallback(pushCallback);
                client.connect(options);
            } catch (Exception e) {
                e.printStackTrace();
            }
        } catch (Exception e) {
            e.printStackTrace();
        }
    }

    /**
     * 发布
     *
     * @param qos         连接方式
     * @param retained    是否保留
     * @param topic       主题
     * @param pushMessage 消息体
     */
    public AjaxResult publish(int qos, boolean retained, String topic, String pushMessage) {
        MqttMessage message = new MqttMessage();
        message.setQos(qos);
        message.setRetained(retained);
        message.setPayload(pushMessage.getBytes());
        MqttTopic mTopic = MqttPushClient.getClient().getTopic(topic);
        if (null == mTopic) {
            logger.error("topic not exist");
        }
        MqttDeliveryToken token;
        try {
            token = mTopic.publish(message);
            token.waitForCompletion();
            return success();
        } catch (MqttPersistenceException e)  {
            e.printStackTrace();
            return error();
        } catch (MqttException e) {
            e.printStackTrace();
            return error();
        }
    }

    /**
     * 订阅某个主题
     *
     * @param topic 主题
     * @param qos   连接方式
     */
    public void subscribe(String topic, int qos) {
        logger.info("开始订阅主题" + topic);
        try {
            MqttPushClient.getClient().subscribe(topic, qos);
        } catch (MqttException e) {
            e.printStackTrace();
        }
    }

}

PushCallback.java

package com.superVisualization.common.utils.mqtt;

import com.alibaba.fastjson2.JSONObject;
import org.eclipse.paho.client.mqttv3.IMqttDeliveryToken;
import org.eclipse.paho.client.mqttv3.MqttCallback;
import org.eclipse.paho.client.mqttv3.MqttClient;
import org.eclipse.paho.client.mqttv3.MqttMessage;
import org.slf4j.Logger;
import org.slf4j.LoggerFactory;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Component;

@Component
public class PushCallback implements MqttCallback {
    private static final Logger logger = LoggerFactory.getLogger(MqttPushClient.class);

    @Autowired
    private MqttConfig mqttConfig;

    private static MqttClient client;

    private static String _topic;
    private static String _qos;
    private static String _msg;

    @Override
    public void connectionLost(Throwable throwable) {
        // 连接丢失后,一般在这里面进行重连
        logger.info("连接断开,可以做重连");
        if (client == null || !client.isConnected()) {
            mqttConfig.getMqttPushClient();
        }
    }

    @Override
    public void messageArrived(String topic, MqttMessage mqttMessage) throws Exception {
        // subscribe后得到的消息会执行到这里面
        logger.info("接收消息主题 : " + topic);
        logger.info("接收消息Qos : " + mqttMessage.getQos());
        logger.info("接收消息内容 : " + new String(mqttMessage.getPayload()));

        _topic = topic;
        _qos = mqttMessage.getQos()+"";
        _msg = new String(mqttMessage.getPayload());
    }

    @Override
    public void deliveryComplete(IMqttDeliveryToken iMqttDeliveryToken) {
        logger.info("deliveryComplete---------" + iMqttDeliveryToken.isComplete());
    }

    //别的Controller层会调用这个方法来  获取  接收到的硬件数据
    public String receive() {
        JSONObject jsonObject = new JSONObject();
        jsonObject.put("topic", _topic);
        jsonObject.put("qos", _qos);
        jsonObject.put("msg", _msg);
        return jsonObject.toString();
    }

}

注:项目报红的地方可以按Alt+Enter键导包

二、下载安装emqx服务

下载路径: https://www.emqx.io/zh/download

mqtt 数据存储,java,vue.js,服务器,spring mqtt 数据存储,java,vue.js,服务器,spring

1. 在windows上安装EMQX环境,操作系统是WINDOWS10系统,内存需2G以上,在官网上下载EMQX服务 (https://www.emqx.io)

2. 把下载的文件拷贝到工作目录下,可以新建一个文件夹,后续启动EMQX服务就在这个文件启动, 解压zip文件。

mqtt 数据存储,java,vue.js,服务器,spring

3. 先在etc目录下修改白名单,打开etc目录,找到acl.conf文件。

mqtt 数据存储,java,vue.js,服务器,spring

 mqtt 数据存储,java,vue.js,服务器,spring

 4. 修改后的文件如下,修改后文件记得保存

mqtt 数据存储,java,vue.js,服务器,spring

5. 在回到上一级目录,进入bin目录,电脑在左下角输入框内输入“cmd“,最好直接选择以管理员权限运行 

mqtt 数据存储,java,vue.js,服务器,spring

mqtt 数据存储,java,vue.js,服务器,spring

 6. 通过cmd指令进入刚才解压的emqx文件的bin目录下,复制bin文件的目录,在cmd命令行输入pushd + 复制的目录

例如:

   pushd  D:\Tools\emqx-4.4.16-otp24.3.4.6-windows-amd64\emqx\bin  敲击回车。

 mqtt 数据存储,java,vue.js,服务器,spring

7. 执行 emqx.cmd start 回车,windowsstart没返回,打开浏览器输入: localhost:18083

mqtt 数据存储,java,vue.js,服务器,spring

mqtt 数据存储,java,vue.js,服务器,spring

8. 出现如下界面便是EMQX服务已经启动,EMQX初始的用户名:admin 密码:public

mqtt 数据存储,java,vue.js,服务器,spring 

9. 在实际使用中,本地IP最好设置成固定IP,可通过电脑的IP访问EMQX服务器,也可以使用默认IP 127.0.0.1

mqtt 数据存储,java,vue.js,服务器,spring

 10. 在侧边栏的Clients窗口,在这里界面可以看到客户端设备连接的信息。

mqtt 数据存储,java,vue.js,服务器,spring

11. 以上EMQX服务搭建完成,目前针对订阅未进行白名单设置,即安装了EMQX无需改动参数,把MQTT服务器指向本地的地址就可以正常订阅发布消息。

mqtt 数据存储,java,vue.js,服务器,spring

备注:

其他参数如果有兴趣可以自行研究下。

配置emqx的参数在emqx--etc目录下的emqx.conf。

配置白名单或者订阅主题的在acl.conf。

 

三、下载MQTT X测试工具, 进行安装 

 mqtt 数据存储,java,vue.js,服务器,spring

1. 打开MQTT X,新建连接,输入名称,点击右上角(connect)连接 

mqtt 数据存储,java,vue.js,服务器,spring

mqtt 数据存储,java,vue.js,服务器,spring

2. 模拟客户端订阅服务器主题发送信息

主题(topic)

 mqtt 数据存储,java,vue.js,服务器,spring

mqtt 数据存储,java,vue.js,服务器,spring

3. 模拟客户端订阅服务器主题发送信息

主题(topic1)

mqtt 数据存储,java,vue.js,服务器,spring

mqtt 数据存储,java,vue.js,服务器,spring

4. 后续需要添加订阅主题,依次在(defaultTopic)后添加即可

mqtt 数据存储,java,vue.js,服务器,spring

  • EMQX启动命令说明

备注:

emqx的命令 :

启动 :emqx.cmd start

重启 :emqx.cmd restart

停止 :emqx.cmd stop

有疑问的同学可以留言评论。

后续会发布Linux版本实现EMQX服务器,实现消息的订阅发布 和 数据存储MySQL等.

觉得博主可以的,可以点赞加关注订阅 再走噢

点赞关注不迷路,博主带你学技术

mqtt 数据存储,java,vue.js,服务器,spring文章来源地址https://www.toymoban.com/news/detail-553912.html

到了这里,关于RuoYi-Vue前后端分离搭建MQTT服务器实现消息订阅、发布、数据存储 (EMQX Windows10)最全,懒人操作的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • ruoyi-vue 新建模块--若依前后端分离系统代码生成。

    1. 在数据库中创建表 有几个要点: 1、必须要有自增主键; 2、必须要有表注释; 3、每个字段必须有注释; 》 2.使用代码生成功能,生成 基础代码 2.1 修改代码生成器中配置文件 generator.yml 修改完成后 → 需要重新启动右上角的RuoYiApplication 2.2 使用 系统工具 代码生成 创建菜

    2024年02月03日
    浏览(51)
  • 若依管理系统RuoYi-Vue(前后端分离版)项目启动教程

    RuoYi-Vue  是一个 Java EE 企业级快速开发平台,基于经典技术组合(Spring Boot、Spring Security、MyBatis、Jwt、Vue),内置模块如:部门管理、角色用户、菜单及按钮授权、数据权限、系统参数、日志管理、代码生成等。在线定时任务配置;支持集群,支持多数据源,支持分布式事务

    2024年02月06日
    浏览(60)
  • ruoyi-vue前后端分离框架上传图片不显示问题,nginx解决方案

    使用若依前后端分离框架,前端项目打包在Nginx,上传图片时,图片上传成功,但是在列表页和添加/修改页面没有正常显示。 插入成功后数据库保存数据样式: 回显数据时样式: 此时样式是打不开的,无法找到路径 解决办法:nginx.conf在location中添加alias location /prod-api/profil

    2024年02月02日
    浏览(48)
  • RuoYi-Vue部署服务器流程

    本文以腾讯云服务器+宝塔面板为例子,介绍RuoYi-Vue分离版本的服务器部署流程,如在部署过程中遇到问题或有什么好的建议,欢迎在评论区留言 目录 1、服务器环境配置 2、vue项目打包 2.1、前端项目打包 2.2、打包文件路径配置 2.3、前端部署测试 3、Spring Boot项目打包部署

    2024年01月15日
    浏览(50)
  • Linux服务器部署若依(ruoyi-vue),从购买服务器到部署完成保姆级教程

    Huawei Cloud EulerOS 还是 centos7,纠结了一段时间,了解到EulerOS是对centos8的延续版本,相当于官方不对centos8继续维护了, 最后还是选 CentOS 7.9 64bit,网上可查找的工具更多且官方还在持续维护。 这里简单购买了一个月先试用一下 点击远程登录 第一步先重置密码 一定在适当的地

    2024年04月14日
    浏览(49)
  • ruoyi若依前后端分离版部署centos7服务器(全)

    VMware虚拟机 centos7 安装环境如下 一、msql 5.7 二、nginx1.23.3 三、java8 四、redis 3.2.1 五、部署若依前端 六、部署若依后端 前言 虚拟机的桥接与nat模式 : 重点 重点!!! 无线不可以用桥接模式 ,而你用了nat模式会导致除了宿主机跟虚拟机外 同一个路由器下其他设备访问不到 !

    2024年02月02日
    浏览(67)
  • 若依框架ruoyi-vue(前后端版)字典的使用

    显示效果:  状态实际 值为 1,讲师审核中为我们在字典管理中定义的。 步骤:先在ruoyi的字典管理中定义字典 字典管理中  然后根据字典设置自己需要的值 设置完值后,然后是前端表格的数据回显 这里先打开我们的前端vue工程,我们需要回显页面对应的vue文件中 在expor

    2024年02月11日
    浏览(49)
  • 若依(RuoYi-Vue)+Flowable工作流前后端整合教程

    此教程适合若依前后端分离项目,其他项目可以在扩展列表中进行查找。 近期公司里需要对很久以前的RuoYi-Vue前后端分离项目扩展出flowable的功能,当然这个重任也是落在了我的身上(不然也不会有这篇文章),然后我在官网看到了RuoYi-Vue-Flowable这个项目,按照文档提供的迁

    2023年04月21日
    浏览(58)
  • 若依(Ruoyi)前后端分离版项目部署到服务器(Linux环境)后,刷新页面报错:404 Not Found

    原文章: 若依(ruoyi)前后端分离版使用教程之若依后端部署阿里云服务器步骤(超详细)_蓝多多的小仓库的博客-CSDN博客 问题:         在若依项目部署服务器后,可以正常运行,但如果执行刷新页面操作,便会出现404 Not Found。 原因:         Nginx未正确配置。由

    2024年02月17日
    浏览(56)
  • ruoyi若依前后端分离项目部署到服务器后,PUT DELETE请求403错误,GET POST请求正常

    后端打包方式war,部署到tomcat8, PUT DELETE请求报403错误,网上有三种说法 第一种是跨域请求问题 第二种是服务器没有放开了PUT DELETE请求,需要前端添加header ruoyi vue 自动生成代码PUT DELETE为http不安全方法,这个怎么解决安全问题 · Issue #I43AX6 · 若依/RuoYi-Vue - Gitee.com 用域名访问

    2024年01月17日
    浏览(55)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包