RuoYi-Vue分离版集成MQTT客户端,超详细版

一:前言

1、使用场景:最近对接物联网开发需要集成MQTT进行消息订阅

2、前置准备:首先需要下载部署好MQTT服务(推荐emqx),在我上一条博客里面有详细步骤,官方文档部署的也非常详细(因为网站在国外所以访问比较慢,可以参考文档)

链接: Download EMQX

二:代码

我们将代码全部集成到common模块下面

1、第一步导入依赖,在ruoyi-common模块下的pom文件导入依赖

        <!--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、第二步在ruoyi-admin模块中找到application.yml文件中添加配置

  # mqtt
  mqtt:
    username: admin # 用户名
    password: public # 密码
    hostUrl: tcp://IP:1883 # tcp://ip:端口
    #    clientId: mqttx_fdb83555 # 客户端id,线下
    clientId: mqttx_fdb83518 # 客户端id,线上
    defaultTopic: lob,test # 订阅主题
    timeout: 100 # 超时时间 (单位:秒)
    keepalive: 60 # 心跳 (单位:秒)
    enabled: true # 是否使用mqtt功能

3、第三步需要在ruoyi-common模块下src\main\java\com\superVisualization\common\utils目录下新建MqttConfig.java文件和mqtt文件夹添加MqttPushClient.java、PushCallback.java文件

MqttConfig.java

package com.ruoyi.common.utils;
 
 
import com.ruoyi.common.utils.mqtt.MqttPushClient;
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], 1);
            }
        }
        return mqttPushClient;
    }
}

MqttPushClient.java、PushCallback.java

package com.ruoyi.common.utils.mqtt;
 

import com.ruoyi.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;

 
@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 AjaxResult.success();
        } catch (MqttPersistenceException e)  {
            e.printStackTrace();
            return AjaxResult.error();
        } catch (MqttException e) {
            e.printStackTrace();
            return AjaxResult.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();
        }
    }
 
}
 
package com.ruoyi.common.utils.mqtt;
 
import com.alibaba.fastjson2.JSONObject;
import com.ruoyi.common.utils.MqttConfig;
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());
    }

    /**
     * 参数回调的方法
     * @param iMqttDeliveryToken
     */
    @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();
    }
 
}

4、第四步修改emqx服务的白名单,去已经下载的emqx文件夹中打开到etc文件夹,打开acl.conf配置文件,修改里面的白名单

改完保存,重启emqx服务:命令: emqx restart

到这一步代码基本是已经集成完毕了

三:测试连接

1、打开浏览器,输入:http://ip:18083

18083端口是浏览器默认端口

1883是TCP协议端口

我是在本机启动的emqx服务所以用的是localhost,如果是线上的可以用线上的IP;

然后登录,账号:admin 密码:public

2、进入emqx服务之后连接websocket客户端

注意:端口号也要与项目配置的一样

全部连接之后就可以互相订阅了,在MqttPushClient.java文件中也有发送订阅的方法就留给你们自己测试了

若有不足伙计们请见谅

  • 12
    点赞
  • 20
    收藏
    觉得还不错? 一键收藏
  • 8
    评论
ruoyi-vue集成积木报表的操作步骤如下: 1. 下载ruoyi-vue源代码:首先,需要在GitHub上下载ruoyi-vue的源代码,可以通过直接下载zip文件或者使用git clone命令来获取代码。 2. 配置环境:下载完成后,需要将代码部署到本地开发环境中,并配置好相关的运行环境,例如安装Java、Node.js和Maven等。 3. 导入项目:使用IDE(如IntelliJ IDEA)打开ruoyi-vue源代码所在的文件夹,并将项目导入到IDE中。 4. 配置数据库:在ruoyi-vue项目中,需要配置数据库连接信息,包括数据库类型、地址、用户名和密码等。可以在项目的配置文件(如application.yml)中进行相应的修改。 5. 运行项目:在IDE中运行ruoyi-vue项目,可以选择运行前端或后端代码。前端代码使用npm命令进行运行,后端代码使用maven命令进行运行。 6. 登录系统:在浏览器中输入对应的URL地址,打开ruoyi-vue系统的登录页面。输入正确的用户名和密码,点击登录按钮进行登录。 7. 集成积木报表:在ruoyi-vue系统的菜单中找到“积木报表”模块,点击进入。在该模块中,用户可以创建、编辑和删除报表,以及进行数据导入等操作。 8. 创建报表:在积木报表模块中,用户可以点击“创建报表”按钮,在弹出的对话框中填写报表的基本信息,如报表名称、描述等。还可以在报表设计器中进行表格或图表的设计和布局。 9. 编辑报表:已创建的报表可以通过点击报表列表中的“编辑”按钮进行修改。用户可以编辑报表的名称、描述和设计布局,并且可以添加、删除和调整报表中的数据字段。 10. 导出报表:在报表编辑完成后,用户可以点击“导出报表”按钮将报表导出为各种格式,例如Excel、PDF或图片等。 总结:通过以上步骤,可以实现在ruoyi-vue系统集成和操作积木报表,方便用户进行报表的设计、编辑和导出等功能。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值