react-native 创建mqtt客户端

最新推荐文章于 2025-01-12 12:02:02 发布

小妖怪的夏天

最新推荐文章于 2025-01-12 12:02:02 发布

阅读量327

点赞数

CC 4.0 BY-SA版权

分类专栏： mqtt 文章标签： react native javascript

本文链接：https://blog.youkuaiyun.com/ln1010/article/details/124876773

mqtt 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了在React Native中创建MQTT客户端的步骤，包括安装库和配置连接。在设置自动重连后，遇到客户端反复掉线重连的问题，原因是clientId在两次启动时重复导致。解决方法是确保每次启动时使用唯一的clientId。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

react-native 创建mqtt客户端

安装

参考https://www.npmjs.com/package/react-native-native-mqtt

import * as Mqtt from 'react-native-native-mqtt';
 
const client = new Mqtt.Client('[SCHEME]://[URL]:[PORT]');
 
client.connect({
    clientId: 'CLIENT_ID',
    ...
}, err => {});
 
client.on(Mqtt.Event.Message, (topic: string, message: Buffer) => {
    console.log('Mqtt Message:', topic, message.toString());
});
 
client.on(Mqtt.Event.Connect, () => {
    console.log('MQTT Connect');
    client.subscribe(['#'], [0]);
});
 
client.on(Mqtt.Event.Error, (error: string) => {
    console.log('MQTT Error:', error);
});
 
client.on(Mqtt.Event.Disconnect, (cause: string) => {
    console.log('MQTT Disconnect:', cause);
});