Why can’t I connect to the broker over WS from browser, but there is no issue with Node.js? #1428

tukusejssirs · 2022-02-24T09:18:33Z

tukusejssirs
Feb 24, 2022

I tried to connect to the broker over (insecure) websockets from a browser, but it fails. In all tests, I use [email protected].

test.html

<!DOCTYPE html>
<html>
<head>
  <meta charset='utf-8'>
  <title>test</title>
</head>
<script src='https://unpkg.com/[email protected]/dist/mqtt.min.js'></script>
<script type='text/javascript'>
  const client = mqtt.connect('ws://1.2.3.4:1234', {protocol: 'ws', rejectUnauthorized: false})
  console.log(`connected : ${client.connected}`)

  client.on('connect', () => {
    console.log('MQTT connected')
  })

  client.on('disconnect', () => {
    console.log('MQTT disconnected')
  })

  client.on('error', (e) => {
    console.log(`MQTT error: ` + typeof e === 'object' ? JSON.stringify(e) : e)
  })

  client.on('reconnect', () => {
    console.log('MQTT reconnecting')
  })

  client.on('close', (e) => {
    console.log('MQTT closed')
  })

  client.on('offline', () => {
    console.log('MQTT offline')
  })
</script>
<body>

</body>
</html>

However, when I connect to the very same server using Node.js, it works as expected.

test.js

const {connect} = require('mqtt')
const client = connect('ws://1.2.3.4:1234')

client.on('connect', () => {
  console.log('MQTT connected')
})

client.on('disconnect', () => {
  console.log('MQTT disconnected')
})

client.on('error', (e) => {
  console.log(`MQTT error: ` + typeof e === 'object' ? JSON.stringify(e) : e)
})

client.on('reconnect', () => {
  console.log('MQTT reconnecting')
})

client.on('close', (e) => {
  console.log(`MQTT error: ` + typeof e === 'object' ? JSON.stringify(e) : e)
})

client.on('offline', () => {
  console.log('MQTT offline')
})

The broker is created using [email protected] and [email protected] in Nest.js + TypeScript.

broker.ts

import * as aedes from 'aedes'
import * as aedesServerFactory from 'aedes-server-factory'

const aedes = aedes.Server({concurrency: 0, queueLimit: 200})
const server = aedesServerFactory.createServer(aedes, {port: 1234, options: {ws: true}})
const port = 1234

server.listen(port, () => {
  console.debug(`MQTT server started and listening on port ${port}.`)
})

Tested in Firefox 97.0.1 (stable) and Firefox 99.0a1 (nightly).

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Why can’t I connect to the broker over WS from browser, but there is no issue with Node.js? #1428

{{title}}

{{editor}}'s edit

{{editor}}'s edit

Replies: 0 comments

Select a reply

Why can’t I connect to the broker over WS from browser, but there is no issue with Node.js? #1428

tukusejssirs Feb 24, 2022

Replies: 0 comments

tukusejssirs
Feb 24, 2022