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

8
src/components/MQTTDebugPublish.vue
View File

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