Compare commits
1 Commits
b83aee3a6f
...
UIX-MQTT
Author | SHA1 | Date | |
---|---|---|---|
6c4c7f1bc4 |
@ -2,13 +2,11 @@
|
|||||||
#include <PubSubClient.h>
|
#include <PubSubClient.h>
|
||||||
|
|
||||||
// Configurations WiFi et MQTT
|
// Configurations WiFi et MQTT
|
||||||
const char* ssid = "fablab";
|
const char* ssid = "Redmi Note 13 Pro 5G";
|
||||||
const char* password = "geek make code do";
|
const char* password = "1234567890";
|
||||||
const char* mqtt_server = "192.168.73.20";
|
const char* mqtt_server = "192.168.127.208";
|
||||||
const char* mqtt_topic = "brainblast/buzzer/pressed/1";
|
const char* mqtt_topic = "brainblast/buzzer/pressed/1";
|
||||||
const char* mqtt_message = "{\"buzzer_id\": 1, \"color\": \"#FF7518\"}";
|
const char* mqtt_message = "{\"buzzer_id\": 1, \"color\": \"#FF7518\"}";
|
||||||
//hostname wifi et client id mqtt
|
|
||||||
const char* esp_name = "BUZZER-1";
|
|
||||||
|
|
||||||
// Déclaration des broches
|
// Déclaration des broches
|
||||||
#define BUTTON_PIN D8
|
#define BUTTON_PIN D8
|
||||||
@ -20,7 +18,6 @@ void setup_wifi() {
|
|||||||
delay(10);
|
delay(10);
|
||||||
Serial.println();
|
Serial.println();
|
||||||
Serial.print("Connexion au WiFi...");
|
Serial.print("Connexion au WiFi...");
|
||||||
WiFi.hostname(esp_name);
|
|
||||||
WiFi.begin(ssid, password);
|
WiFi.begin(ssid, password);
|
||||||
|
|
||||||
while (WiFi.status() != WL_CONNECTED) {
|
while (WiFi.status() != WL_CONNECTED) {
|
||||||
@ -37,7 +34,7 @@ void setup_wifi() {
|
|||||||
void reconnect() {
|
void reconnect() {
|
||||||
while (!client.connected()) {
|
while (!client.connected()) {
|
||||||
Serial.print("Connexion au broker MQTT...");
|
Serial.print("Connexion au broker MQTT...");
|
||||||
if (client.connect(esp_name)) {
|
if (client.connect("ESP8266Client")) {
|
||||||
Serial.println("connecté");
|
Serial.println("connecté");
|
||||||
} else {
|
} else {
|
||||||
Serial.print("échec, rc=");
|
Serial.print("échec, rc=");
|
||||||
|
@ -7,8 +7,9 @@
|
|||||||
</v-card-title>
|
</v-card-title>
|
||||||
<v-container class="text-center">
|
<v-container class="text-center">
|
||||||
<div v-for="(log, index) in messageLogs" :key="index">
|
<div v-for="(log, index) in messageLogs" :key="index">
|
||||||
<v-label class="v-label-timestamp">{{ log.timestamp }} </v-label> -
|
<v-label class="v-label-timestamp">{{ log.timestamp }} - </v-label>
|
||||||
<v-label>{{ log.message }}</v-label>
|
<v-label class="v-label-topic-message-title">Topic : </v-label><v-label class="v-label-topic-message">{{ log.topic }} </v-label>
|
||||||
|
<v-label class="v-label-topic-message-title">Msg : </v-label><v-label class="v-label-topic-message">{{ log.message }}</v-label>
|
||||||
</div>
|
</div>
|
||||||
</v-container>
|
</v-container>
|
||||||
</v-card>
|
</v-card>
|
||||||
@ -32,7 +33,8 @@
|
|||||||
});
|
});
|
||||||
|
|
||||||
// Ajouter le message avec l'horodatage à la liste des messages
|
// Ajouter le message avec l'horodatage à la liste des messages
|
||||||
this.messageLogs.push({ timestamp, message: `Topic : ${topic} - Message : ${message}` });
|
this.messageLogs.push({ timestamp, topic: `${topic}`, message: `${message}` });
|
||||||
|
//this.messageLogs.push({ timestamp, message: `${message}` });
|
||||||
|
|
||||||
// Limiter la liste à 10 messages
|
// Limiter la liste à 10 messages
|
||||||
if (this.messageLogs.length > 26) {
|
if (this.messageLogs.length > 26) {
|
||||||
@ -53,8 +55,18 @@
|
|||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
.v-label-timestamp{
|
.v-label-timestamp{
|
||||||
|
opacity: 100%;
|
||||||
|
font-style: oblique;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #838383;
|
||||||
|
}
|
||||||
|
.v-label-topic-message-title{
|
||||||
opacity: 100%;
|
opacity: 100%;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
color: #d42828;
|
color: #d42828;
|
||||||
}
|
}
|
||||||
|
.v-label-topic-message{
|
||||||
|
font-weight: 300;
|
||||||
|
}
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
|
Reference in New Issue
Block a user