Erreur 404 favicon

International Français
1

Bonjour à tous,

Je revient avec une question que je n'arrive pas à résoudre après pas mal de recherche sur le web !

Je travaille sous Win10 avec l'IDE Arduino 1.8.12 et j'essaie un Web serveur simple, sous ESP8266.
Ça marche mais en vérifiant à la console, j'ai des erreurs type 404 favicon.
Pour tenter de résoudre le pb, j'ai ajouté dans l'entête Head de ma page html la ligne suivante:

page += "<link rel="icon" href="/favicon.ico" >";

et l'IDE refuse ce code avec le code erreur : expected ';' before 'icon'

j'ai bien sur creé le favicon.ico en 32x32 placé dans le même répertoire que le sketch.

ci-dessous extrait de l'entête html.

String getPage(){
  String page = "<html lang=fr-FR><head>";
  page += "<link rel="icon" href="favicon.ico" />";
  page += "<meta http-equiv='refresh' content='10'/>";
  page += "<title>PISCINE</title>";
  page += "<style> body { background-color: #fffff; font-family: Arial, Helvetica, Sans-Serif; Color: #000088; }</style>";
page += "</head><body><h1>GESTION TANK</h1>";

Comment faire ?

2

Bonjour,

Il faut que tu 'escapes' les " à l'intérieur de ta chaine. " à remplacer par "

3

OK merci, ça assemble bien mais j'ai tj une erreur 404 dans la console !

4

Bonjour,

Votre serveur html (qui tourne sur ESP) sait-il envoyer un fichier ?
C'est ce que le navigateur lui demande de faire avec le code

page += "<link rel="icon" href="/favicon.ico" >";

que vous lui envoyez.

S'il sait envoyer un fichier, il faudrait que le fichier soit sur un système de fichier (SPIFFS) sur l'ESP, pas sur votre PC.

Bonne bidouille,

MicroQuettas

PS : dans le html, plutôt que "d'échapper" les guillemets doubles ", vous pouvez aussi, comme vous l'avez fait plus bas dans votre code, utiliser des apostrophes '.

5

Bonjour MicroQuettas,

Merci de la réponse, j'ai chargé le fichier favicon.ico dans le SPIFF, mais comment spécifier dans la ligne html d'aller le chercher dans le SPIFF ?
j'ai naivement mis ceci :

page += "<link rel='icon' href=SPIFFS.open (/favicon.ico,"a") >";

mais ça ne marche pas!