Afficher une variable Arduino en HTML

Bonjour, je travaille actuellement sur un petit projet,or je rencontre un leger soucis. Je souhaite mettre un place un systeme de webserver avec un Wifly qui me permettrais de pouvoir lire ma consommation éléctrique sur tablette . Ma communication entre le Wifly et la tablette est parfaite,la page Html se charge bien etc.. Le soucis rencontré est celui au niveau de la lecture de variable. J'utilise: test=client.read(); client.println(test,DEC); test ayant la valeur de 2, déclarer avec int. Or sur le site -1 apparais,j'ai pu lire qu'il s'agissais d'un code d'erreur.. Si quelqu'un pouvais m'éclairé d'ou viens cet erreur,(surement pas de la connection entre les deux),ou pouvais me donné une autre solution simple pour afficher une variable cela serais sympathique. Merci d'avance.

Client.println(test); ... Ça devrait suffire !

Si je fais cela rien ne s'affiche du tout.

Client.print(test) alors ?

Juste un truc, pourquoi faire test=client.read(); ... Es-tu sur d'avoir 2 après avoir fais ça ?

Pour tester le truc fais plutôt int test = 1234; et tu verras sur la valeur s'affiche bien sur ta page html ...

Si le problème persiste, mets un extrait de ton code ...

Le test=client.read() à été trouvé sur un site avec qui vraisemblablement cela marché enfin il a eu le même problème de -1 puis ca à marché ensuite pour lui sans qu’il ai d’explication a cela.

Le clientprint (test); n’as pas fonctionné non plus…

#define pwm_vanne 3 // contrôle PWM pour les sorties du moteur 1 et 2 est sur la broche numérique 3
#define dir_vanne 8
#define lumiere 2 
#define capteurlum A0
#define val2 127.5
#define electricite 635
#include <SPI.h>
#include <WiFly.h>

#include "Credentials.h"

WiFlyServer server(80);

int test = 2;
int trame = 0;
int luminosite  = 0 ;
int val1 = 0;
String HTTP_req;
boolean LED_status = 0;
boolean LElec1_status = 0;
//void ProcessCheckbox(WiFlyClient cl);
void setup() {
  pinMode (pwm_vanne,OUTPUT); // met la pin 3 en SORTIE
   pinMode (dir_vanne, OUTPUT);
 pinMode(lumiere,OUTPUT);
   analogWrite (pwm_vanne, 0);
  Serial.begin(9600);
  Serial.println("WiFly setup");
  WiFly.begin();
  Serial.println("WiFly begin");
  if (!WiFly.join("Projet")) {
    while (1) {
        Serial.println("Erreur de connexion WiFly");
    }
  }

  Serial.print("IP: ");
  Serial.println(WiFly.ip());
  
  server.begin();
  
 
}

void loop() {
  WiFlyClient client = server.available();
  if (client) {

    boolean current_line_is_blank = true;
    while (client.connected()) {
      if (client.available()) {
        char c = client.read();
       HTTP_req += c;
       
        if (c == '\n' && current_line_is_blank) {
         
          client.println("HTTP/1.1 200 OK");
          client.println("Content-Type: text/html");
          client.println("Connection: close");
          client.println();
          client.println("<!DOCTYPE html>");
          client.println("<html>");
          client.println("<body>");
          client.println("<div id= container ");
          client.println("style = width:500px>");
          client.println("<div id = header");
          client.println("style = background-color:#FFA500;>");
          client.println("<h1 style= text-align:center;");
          client.println("style = margin-bottom:0;>");
          client.println("Consommations</h1>");
          client.println("</div>");
          client.println("
<p style= \"font-family:arial;color:#000099;font-size:20px;\" >Electrique</p>");
          test=client.read();
          client.println(test,DEC);
          /*client.println("<canvas id=\"myCnvas\"width=\"200\" height=\"100\" style=\"border:1px solid #d3d3d3;\">");
          client.println("Your browser does not support the HTML5 canvas tag.</canvas>");
          client.println("<script>");
          client.println("var c=document.getElementByld(\"myCnvas\");");
          client.println("var ctx=c.getContext(\"2d\");");
          client.println("ctx.font=\"30px Arial\";");
          client.println("ctx.strokeText(\"electricité\",10,50);");
          client.println("var msg=\"electricite\"");*/
          client.println("</script>");
          client.println("<hr>");
          client.println("<p style=\"font-family:arial;color:#000099;font-size:20px;\">Hydraulique</p>");
          /*client.println("<canvas id=\"myanvas\" width=\"200\" height=\"100\" style=\"border:1px solid #d3d3d3;\">");
          client.println("Your browser does not support the HTML5 canvas tag.</canvas>");
          client.println("<script>");
          client.println("var c=document.getElementById(\"myanvas\");");
          client.println("var ctx=c.getContext(2d);");
          client.println("ctx.strokeText(256,10,50);");*/
          client.println("</script>");
          client.println("<hr>");
          client.println("<div id=container style=width:500px>");
          client.println("<div id=header style=background-color:#FFA500;>");
          client.println("<h1 style=text-align:center;style=margin-bottom:0;>Factures</h1>");
          client.println("</div>");
          client.println("
<p style=font-family:arial;color:#000099;font-size:20px;>Electrique</p>");
          /*client.println("<canvas id=myCanvs width=200 height=100 style=border:1px solid #d3d3d3;>");
          client.println("Your browser does not support the HTML5 canvas tag.</canvas>");
          client.println("<script>");
          client.println("var c=document.getElementById(myCanvs);");
          client.println("var ctx=c.getContext(2d);");
          client.println("ctx.font=30px Arial;");
          client.println("ctx.strokeText(356,10,50);")*/
          client.println("</script>");
          client.println("<hr>");
          client.println("<p style=font-family:arial;color:#000099;font-size:20px;>Hydraulique</p>");
          client.println("<BODY BGCOLOR=#99CCFF>");
          /*client.println("<canvas id=myCanva width=200 height=100 style=border:1px solid #d3d3d3;>");
          client.println("Your browser does not support the HTML5 canvas tag.</canvas>");
          client.println("<script>");
          client.println("var c=document.getElementById(myCanva);");
          client.println("var ctx=c.getContext(2d);");
          client.println("ctx.font=30px Arial;");
          client.println("ctx.strokeText(876s,10,50);");*/
          client.println("</script>");
          client.println("<hr>");
          client.println("
");
          client.println("<head>");
          client.println("<title>Gerer la lumiere</title>");
          client.println("</head>");
          client.println("<h1>Lumiere</h1>");
          client.println("<p>Clique pour allumer ou eteindre.</p>");
          client.println("<form method=get>");
          ProcessCheckbox(client);
          /*{
  if(HTTP_req.indexOf("LED1=2")>-1){
    if(LED_status){
      LED_status = 0;
    }
    else {
      LED_status = 1;
    }
  }
  
  if(LED_status){
    digitalWrite(2,HIGH);
    client.println("<input type=\"checkbox\" name=\"LED1\" value=\"2\" onclick=\"submit();\"checked>Lumiére1");
  }
  else{
    digitalWrite(2,LOW);
    client.println("<input type=\"checkbox\" name=\"LED1\" value=\"2\" onclick=\"submit();>\"Lumiére1");
  }
}*/
          client.println("</form>");
          client.println("
");
          client.println("<hr>");
          client.println("
");
          client.println("<head>");
          client.println("<title>Gerer l'electrovanne</title>");
          client.println("</head>");
          client.println("<h1>Electrovanne</h1>");
          client.println("<p>Clique pour ouvrir ou couper la vanne.</p>");
          client.println("<form method=get>");
          ProcessCheckbox(client);
         
          client.println("</form>");
          client.println("</body>");
          client.println("</html>");
          Serial.print(HTTP_req);
          HTTP_req="";
          break;
        }
        if (c == '\n') {
          // we're starting a new line
          current_line_is_blank = true;
        } else if (c != '\r') {
          
          current_line_is_blank = false;
        }
      }
    }
    
    delay(100);
    client.stop();
  }
}

void ProcessCheckbox(WiFlyClient client)
{
  if(HTTP_req.indexOf("LED1=2")>-1)
 {
    if(LED_status)
  {
      LED_status = 0;
      
   val1 = analogRead(capteurlum)/11;
  
   if(val1>=80)  
   {
     analogWrite(lumiere,0);
     Serial.println("0");  
   }
  
   else if(val1<50)
   {
    analogWrite(lumiere,255);
 
    Serial.println("255");
   }
    else 
   {//capteurlum1>60,capteurlum1<90)
     analogWrite(lumiere,val2);

     Serial.println("au milieu");
   }
     
     
     client.println("<input type=\"checkbox\" name=\"LED1\" value=\"2\" onclick=\"submit();\"checked>Lumiere1");
  }
 } 
   
  else
 {
    digitalWrite(2,LOW);
    client.println("<input type=\"checkbox\" name=\"LED1\" value=\"2\" onclick=\"submit();>\"Lumiere1");
 }
  
  
  if(HTTP_req.indexOf("LElec1=2")>-1)
 {
    if (LElec1_status)
  {
      LElec1_status = 0;    
    digitalWrite ( dir_vanne, LOW ); // l'électrovanne est en sens horaire 
    analogWrite ( pwm_vanne, 255 ); // puissance

    
   client.println("<input type=checkbox name=LElec1 value=2 onclick=submit();>Electrovanne1");
  }   
   else
  {
      
    digitalWrite ( dir_vanne, HIGH ); // l'électrovanne est en sens anti-horaire
    analogWrite ( pwm_vanne, 255 ); // puissance
  }
 }  
}

Majtop: Le test=client.read() à été trouvé sur un site avec qui vraisemblablement cela marché enfin il a eu le même problème de -1 puis ca à marché ensuite pour lui sans qu'il ai d'explication a cela.

Cela ne répond pas à la question. Quelle est la finalité de ce client.read()? Attends-tu une donnée envoyé par le client? Si oui quel est l'intérêt d'initialiser test à 2?

Non je souhaite envoyé une donnée au client..

Alors pourquoi faire un read? le read écrase le contenu de test. Le -1 (0xFF) indique généralement qu'une fonction a échouée.

Tu as essayé de remplacer

          test=client.read();
          client.println(test,DEC);

par

          client.println(test,DEC);