Mon nouveau site

[PascalWMR]

Bonjour

Je suis en train de refaire la totalité de mon site afin qu'il soit conforme au normes HTTPS et qu'il fonctionne avec les dernières version de PHP (7.4 en l’occurrence pour moi) et librairies Highcharts.

Je viens de terminer la page d'accueil et j'en suis pas mécontent.
Météo Conflans-en-Jarnisy.

Pour fonctionner, le site ne fait plus appel qu'a Weatherlink. Les gauges steelseries fonctionne normalement avec Cumulus.
Les miennes non. elle fonctionnent à partir des tags de Weatherlink uniquement et des données de nos base de données.
Ma page d'accueil utilise les divers types de gauges des librairies steelseries (Radiale, Radiale bargraph, Altimètre, Compas (boussole), Bargraph Horizontal, vertical).
J'utilise les librairies steelseries mais non pas les,steelseries de Mark Crossley.

J'y ai intégré également les prévisions de la station traduites en français.

Également, figure les Vilances Météo France

Si vous êtes intéressé, pas de problèmes je donne les conseils.

A+
Pascal

[JP54]

Bonjour,
Bien belle page, les gauges sont top et en plus avec les graphiques dynamiques c'est beaucoup plus jolie que me gauges avec les graphiques de Weatherlink. Les infos-bulles sont complètent et bien stylés.
Je ne connaissais pas le cumul averse orage, je ne vois pas trop la différence entre le cumul des dernières 24h.
La vigilance pour le département de Meurthe-et-Moselle est pas mal du tout, je ne savais pas qu'il y avait 9 niveaux de vigilance.
Bref, jolie travail, ça me donne des idées.

[PascalWMR]

Salut Pascal, bonjour à tous,

La différence entre le cumul des dernières 24H et l'averse d'orage spécifique au VP2 est que pour l'averse d'orage, les précipitations continues d'être comptabilisées et cumulées tant qu'il n'y a pas au moins 24h00 consécutives sans précipitations. Donc l'averse d'orage (rain storm sur la station) peut comptabiliser les précipitations sur plusieurs jours, alors que le cumul des dernières 24h00 ne comptabilise que les précipitations des 24 dernières heures consécutives. Cet évènement se déclenche aussi après 2 basculements d'auget (0.4mm) consécutifs au lieu de 1 (0.2mm)

Pour les niveaux de vigilance, le niveau maxi pour la métropole est le rouge. Les autres niveaux (violet, gris, sépia, orange et rouge hachurés) sont spécifique aux DOM-TOM. Et encore, si 'ai bien compris la doc Météo France, il y a encore une différence entre les DOM-TOM tropicaux et les DOM-TOM froids (Saint-Pierre et Miquelon en particulier).

Idem pour les risques. Pour la métropole, le nombre de risques et de 9, les autres concernent les DOM-TOM.

Bon j'ai mis tous les niveaux de vigilance et tous les risques au cas ou nos amis des DOM-TOM soient intéressés par les scripts.

Je vais voir à améliorer le module de vigilance car j'ai vu dans la doc, un autre fichier XML de Météo France qui inclus la vigilance Vigicrue.

Attention pour ceux qui veulent récupérer des fichiers XML qui ne sont pas localisés sur leur propre serveur, PHP 7 et ultérieurs ne permettent plus la fonction file_get_contents.
Il est cependant possible de toujours l'utiliser en activant l'option allow_url_fopen de votre version de PHP.
MAIS ATTENTION, EN FAISANT CELA, VOUS CRÉEZ UNE FAILLE DE SECURITE SUR VOTRE SERVEUR PERMETTANT ENTRE AUTRE LES ATTAQUES DE TYPE XSS (INJECTION DE CODE).
Ceux qui sont sur des serveurs mutualisés ne sont pas confrontés à ce problème car les hébergeurs n'autorisent tout simplement pas la modification de ce paramètre (désactivé par défaut sur les nouvelles versions PHP).

Pour palier à ce problème, une nouvelle fonction est implantée dans les versions PHP 7 et ultérieures. C'est cURL

A+
Pascal

[muchistic]

superbe boulot Pascal, les gauges sont magnifiques avec le petit encart et les graphiques qui vont avec. Le reste de cette mise à jours est à l'image des gauges, très réussi. Bref..félicitation pour cette mise à jour !

Dominique

[PascalWMR]

Bonjour

Ça y est, j'ai rajouté VIGICRUES.

En fait, dans mes scripts, je ne traite que 2 fichiers Météo France; NXFR33_LFPW_.xml et NXFR34_LFPW_.xml.
Ces deux fichiers ne concerne que la métropole et Andorre.
Le fichier NXFR34_LFPW_.xml est en fait le 1er qui fut disponible. Il contient lui, une ligne concernant VIGICRUES.
Mais le défaut de ce fichier, à mon avis, est qu'il ne prend en compte que les risques à partir des niveaux de vigilance Orange et Rouge.
Le fichier NXFR33_LFPW_.xml prend en compte tous les niveaux de vigilance. Mais il n'intègre pas VIGICRUES.
Les risques sont les même dans les 2 fichiers, mais sont plus facile à exploiter dans NXFR33_LFPW_.xml.

En décortiquant ces deux fichiers, on arrive à ce que j'ai sur ma page d'accueil.

A+
Pascal

[PascalWMR]

Bonjour

Encore une nouveauté dans l'entête de ma page d'accueil.

Lorsque l'on survole le pictogramme de vigilance, le curseur se transforme en main et une bulle popup s'affiche avec une mini carte de France des vigilances en cours.
L'on peut fixer cette bulle et cliquer sur le lien qu'elle contient et qui conduit au site de Vigilance de Météo France.

A+
Pascal

[JP54]

Merci pour les explications de l'averse orage.
Il faudrait que tu m'expliques comment récupéré la mini-carte de vigilance que tu as dans ta bulle popup.
J'en ai bien une sur mon site, mais elle me pose des problèmes, des fois elle ne s'affiche pas et ma page n'est plus sécurisée. J'utilise un lien qui à mon avis n'est plus bon.
Faut-il se servir du fichier NXFR33_LFPW_.xml?

[PascalWMR]

Bonjour à tous, salut Pascal

Pascal,
Bizarre le lien de ta mini image vigilance (https://vigilance2019.meteofrance.com/d ... _LFPW_.gif)
Effectivement, l'on peut accéder au site sécurisé (https://vigilance2019.meteofrance.com/) ; Mais les images et liens de ce site ne sont pas sécurisés.
Tous les liens pointent vers un site http (celui que j'utilise, mais avec une astuce pour rester sécurisé)

Le seule doc que j'ai trouvée à propos des vigilances et qui parlent des lien pour avoir les fichiers est celle-ci https://www.meteoconflans2.monsite-mete ... n-2018.pdf.
Le lien original est celui-ci https://www.data.gouv.fr/fr/datasets/r/ ... 7ff80a34ae
Le site https://vigilance2019.meteofrance.com/ pointe vers les liens expliqués dans la doc dont je fait référence ci-dessus.

Donc, il est normal que, lorsque tu récupère la mini carte de vigilance Météo France, ton site ne soit plus sécurisé puisque l'image que tu récupère via la balise html img n'est pas sécurisée.

Je procède donc par une autre méthode et je procède ainsi pour les images, mais aussi pour les fichiers .xml de vigilance Météo France.
Je récupère les fichiers via la fonction PHP file_get_contents, je les sauvegardent dans un répertoire temporaire sur mon serveur puis je les chargent depuis mon serveur.
Mais bon ça aurait été trop simple. En effet, PHP 7 et ultérieurs ne permet plus d'utiliser la fonction file_get_contents tel quel comme je l'ai expliqué précédemment dans ce sujet.
Il faut donc passer par une nouvelle fonction implantée dans PHP et qui est cURL.
J'explique la procédure.

On va créer une fonction PHP file_get_contents_curl que l'on va appeler en lui fournissant l'url.
Ce n'est pas moi qui ai trouvé cette fonction toute faite sur internet, c'est Jean.
Moi j'ai galéré 15 jours à essayer de comprendre cela https://www.php.net/manual/fr/ref.curl.php avant de demander conseil à Jean.

La voici

Code : Tout sélectionner

function file_get_contents_curl( $url ) {
  $ch = curl_init();
  curl_setopt( $ch, CURLOPT_AUTOREFERER, TRUE );
  curl_setopt( $ch, CURLOPT_HEADER, 0 );
  curl_setopt( $ch, CURLOPT_RETURNTRANSFER, 1 );
  curl_setopt( $ch, CURLOPT_URL, $url );
  curl_setopt( $ch, CURLOPT_FOLLOWLOCATION, TRUE );
  $data = curl_exec( $ch );
  curl_close( $ch );
  return $data;
}

Ensuite, on appelle cette fonction en lui fournissant l'url comme ceci

Code : Tout sélectionner

$MiniCarteFR = file_get_contents_curl('http://vigilance.meteofrance.com/data/QGFR08_LFPW_.gif');

Puis on sauvegarde sur son serveur le résultat, comme ceci.

Code : Tout sélectionner

file_put_contents('../Temp/QGFR08_LFPW_.gif',$MiniCarteFR);

Enfin on charge l'image dans une balise html img.
En procédant de la sorte, ton site reste sécurisé puisque l'image ne provient plus d'une source externe, mais de ton propre serveur.
Voici le code complet pour par exemple afficher l'image (pensez à créer un répertoire "temp" et à changer les chemins).

Code : Tout sélectionner

<?php
function file_get_contents_curl( $url ) {
  $ch = curl_init();
  curl_setopt( $ch, CURLOPT_AUTOREFERER, TRUE );
  curl_setopt( $ch, CURLOPT_HEADER, 0 );
  curl_setopt( $ch, CURLOPT_RETURNTRANSFER, 1 );
  curl_setopt( $ch, CURLOPT_URL, $url );
  curl_setopt( $ch, CURLOPT_FOLLOWLOCATION, TRUE );
  $data = curl_exec( $ch );
  curl_close( $ch );
  return $data;
}
// Récupération du fichier xml de vigilance Météo France.
$MiniCarteFR = file_get_contents_curl('http://vigilance.meteofrance.com/data/QGFR08_LFPW_.gif');
file_put_contents('../../Temp/QGFR08_LFPW_.gif',$MiniCarteFR);
//$FichierXML = file_get_contents('../Temp/Vigilance33.xml');
$miniimagefr='<img src="../../Temp/QGFR08_LFPW_.gif">';
echo($miniimagefr);
?>

Dans le code ci-dessus, j'ai laissé une ligne mise en commentaire //$FichierXML = file_get_contents('../Temp/Vigilance33.xml');
Cela me sert dans mon script qui affiche les vigilances.
J'utilise toujours la fonction PHP file_get_contents. Il faut savoir que cette fonction reste accessible sans activer l'option allow_url_fopen dès lors que cette fonction est appelée pour charger un fichier qui est situé sur le même serveur qu'elle.

A+
Pascal