React Native Mqtt
This package is a wrapper around the javascript implementation of the paho mqtt client library to provide drop in compatibility with react native. If you happen to be running your own mqtt broker, it must support websockets for a connection to be possible. Mosquitto does not support websockets out of the box and will require some extra work. Another broker that does have support for websockets is aedes, which is the broker I use personally.
Install
To install, use npm:
npm install react_native_mqtt --save
Usage
To use the library just pass in the options for the local storage module (react-native-storage) and the paho object will be attached to global scope.
import init from 'react_native_mqtt';
import { AsyncStorage } from 'react-native';
init({
size: 10000,
storageBackend: AsyncStorage,
defaultExpires: 1000 * 3600 * 24,
enableCache: true,
sync : {
}
});
function onConnect() {
console.log("onConnect");
var message = new Paho.MQTT.Message("Hello");
message.destinationName = "/World";
client.send(message);
}
function onConnectionLost(responseObject) {
if (responseObject.errorCode !== 0) {
console.log("onConnectionLost:"+responseObject.errorMessage);
}
}
function onMessageArrived(message) {
console.log("onMessageArrived:"+message.payloadString);
}
var client = new Paho.MQTT.Client('test.mosquitto.org', 8080, 'unique_client_name');
client.onConnectionLost = onConnectionLost;
client.onMessageArrived = onMessageArrived;
client.connect({onSuccess:onConnect});
This is how you can use the aedes broker to handle websocket and standard connections.
var net = require('net');
var aedes = require('aedes');
var websocket = require('websocket-stream');
exports.listen = function() {
aedes = aedes();
var server = net.createServer(aedes.handle);
server.listen(1883);
websocket.createServer({port: 8080}, aedes.handle);
}