asco.fablab/BrainBlast
11
0
Fork 0
Code Issues 3 Pull Requests Packages Projects Releases Wiki Activity

utilisation du service mqtt dans les composants

Browse Source
This commit is contained in:
Laurent 2024-02-17 19:02:10 +00:00
parent 77f76ecc64
commit 7102aab6fa
2 changed files with 5 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/MQTTDebugConsole.vue
View File

@ -6,7 +6,7 @@
</template> </template>
<script> <script>
import mqtt from 'mqtt'; import {subscribeToTopic} from '@/services/mqttService';
export default { export default {
data() { data() {
@ -15,15 +15,9 @@ export default {
}; };
}, },
created() { created() {
const client = mqtt.connect('ws://localhost:9001'); subscribeToTopic('#', (topic, message) => {
client.on('connect', () => {
console.log("on connect");
client.subscribe('#'); // S'abonner à tous les topics MQTT
});
client.on('message', (topic, message) => {
console.log("on message");
this.messages.push(`Topic: ${topic}, Message: ${message}`); // Ajouter le message à la liste des messages this.messages.push(`Topic: ${topic}, Message: ${message}`); // Ajouter le message à la liste des messages
}); }); // S'abonner à tous les topics MQTT
} }
} }
</script> </script>

8
src/components/MQTTDebugPublish.vue
View File

@ -10,7 +10,7 @@
</template> </template>
<script> <script>
import mqtt from 'mqtt'; import {publishMessage} from '@/services/mqttService';
export default { export default {
data() { data() {
@ -22,11 +22,7 @@ export default {
}, },
methods: { methods: {
publishMessage() { publishMessage() {
const client = mqtt.connect('ws://localhost:9001'); publishMessage(this.selectedTopic, this.message);
client.on('connect', () => {
client.publish(this.selectedTopic, this.message);
client.end();
});
} }
} }
} }