49 lines
1.1 KiB
HTML
49 lines
1.1 KiB
HTML
<!DOCTYPE html>
|
|
<html><head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>MQTT.JS</title>
|
|
|
|
<link href="http://htlib/htlib/bootstrap/4.5.0/css/bootstrap.min.css" rel="stylesheet">
|
|
<link href="http://htlib/htlib/fontawesome/last/css/all.css" rel="stylesheet">
|
|
<script src="http://htlib/htlib/jquery/jquery-3.5.1.js"></script>
|
|
<script src="http://htlib/htlib/bootstrap/4.5.0/js/bootstrap.bundle.min.js"></script>
|
|
<script src="mqtt.min.js"></script>
|
|
</head>
|
|
|
|
<body>
|
|
|
|
|
|
<!-- CONTENT -->
|
|
|
|
|
|
|
|
<div class="container">
|
|
|
|
</div>
|
|
|
|
|
|
<script>
|
|
|
|
// #############################
|
|
$(document).ready(function () {
|
|
// #############################
|
|
var client = mqtt.connect('mqtt://edna:1883')
|
|
|
|
client.on('connect', function () {
|
|
client.subscribe('environs/#', function (err) {
|
|
if (!err) {
|
|
client.publish('environs/', 'Hello mqtt')
|
|
}
|
|
})
|
|
})
|
|
|
|
client.on('message', function (topic, message) {
|
|
// message is Buffer
|
|
console.log(message.toString())
|
|
client.end()
|
|
})
|
|
})
|
|
</script>
|
|
|
|
</body></html> |