Based on AWS Websocket Pub/Sub client.
$ bower install aws-mqtt-browser
<script src="bower_components/aws-mqtt-browser/lib/aws-mqtt-browser.js"></script><html>
<body>
<script src="bower_components/aws-mqtt-browser/lib/aws-mqtt-browser.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/aws-sdk/2.48.0/aws-sdk.min.js"></script>
<script type="text/javascript">
// create your own unauthz congniton identity credential pool id
AWS.config.region = 'ap-northeast-1';
const credentials = new AWS.CognitoIdentityCredentials({IdentityPoolId: '<region>:<identityPoolId>'});
const client = AWSMqtt.connect({
WebSocket: window.WebSocket,
region: 'ap-northeast-1',
// credentials: {
// accessKeyId: '<yourkey>',
// secretAccessKey: '<yoursecret>',
// get: (callback) => {
// callback();
// }
// },
credentials: credentials,
endpoint: 'a2sdpyfw66qrvw.iot.ap-northeast-1.amazonaws.com', // NOTE: get this value with `aws iot describe-endpoint`
clientId: 'mqtt-client-' + (Math.floor((Math.random() * 100000) + 1)), // clientId to register with MQTT broker. Need to be unique per client
});
client.on('connect', (packet) => {
console.log('connected', packet);
client.subscribe('iotbutton/001')
});
client.on('message', (topic, message) => {
console.log(topic, message.toString('utf-8'));
});
</script>
</body>
</html>
$ npm run compile
$ npm run build