A react-native mqtt client module that works
- Uses MQTT Framework for IOS, Paho MQTT Client for Android
- Supports both IOS and Android
- SSL/TLS
- Native library, support mqtt over tcp (forget websockets, we're on mobile)
npm install react-native-mqtt-angelos3lex --saveor
yarn add react-native-mqtt-angelos3lexreact-native link react-native-mqtt-angelos3lexAdd pod 'MQTTClient' to your podfile and pod install
Alternatively you can manually link the library on iOS (click to expand)
In XCode, in the project navigator, right click Libraries ➜ Add Files to [your project's name]
- Go to
node_modules➜react-native-mqtt-angelos3lexand addRCTMqtt.xcodeproj - In XCode, in the project navigator, select your project. Add
libRCTmqtt.aandlibicucore.tbdto your project'sBuild Phases➜Link Binary With Libraries - Click
RCTMqtt.xcodeprojin the project navigator and go theBuild Settingstab. Make sure 'All' is toggled on (instead of 'Basic'). In theSearch Pathssection, look forHeader Search Pathsand make sure it contains both$(SRCROOT)/../../react-native/React- mark asrecursive.
- Modify the ReactInstanceManager.builder() calls chain in
android/app/main/java/.../MainActivity.javato include:
import com.tuanpm.RCTMqtt.*; // import
new RCTMqttPackage() // as a child of the getPackages() returned array- Append the following lines to
android/settings.gradlebeforeinclude ':app':
include ':react-native-mqtt-angelos3lex'
project(':react-native-mqtt-angelos3lex').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-mqtt-angelos3lex/android')
- Insert the following lines inside the dependencies block in
android/app/build.gradle, don't missapply plugin:'java'on top:
compile project(':react-native-mqtt-angelos3lex')
import MQTT from 'react-native-mqtt-angelos3lex';
/* create mqtt client */
MQTT.createClient({
uri: 'mqtt://test.mosquitto.org:1883',
clientId: 'your_client_id'
}).then(function(client) {
client.on('closed', function() {
console.log('mqtt.event.closed');
});
client.on('error', function(msg) {
console.log('mqtt.event.error', msg);
});
client.on('message', function(msg) {
console.log('mqtt.event.message', msg);
});
client.on('connect', function() {
console.log('connected');
client.subscribe('/data', 0);
client.publish('/data', "test", 0, false);
});
client.connect();
}).catch(function(err){
console.log(err);
});-
mqtt.createClient(options)create new client instance withoptions, async operationuri:protocol://host:port, protocol is [mqtt | mqtts]host: ipaddress or host name (override by uri if set)port: port number (override by uri if set)tls: true/false (override by uri if set to mqtts or wss)user: string usernamepass: string passwordauth: true/false - override = true ifuserorpassexistclientId: string client idkeepalive
-
clienton(event, callback): add event listener for- event:
connect- client connected - event:
closed- client disconnected - event:
error- error - event:
message- message object
- event:
connect: begin connectiondisconnect: disconnectsubscribe(topic, qos)publish(topic, payload, qos, retain)
-
messageretain: booleanfalseqos: number2data: string"test message"topic: string"/data"
- Use WeakReference for timer
- Add disconnecting event
INHERIT FROM MQTT LIBRARY (progress)