Super Mazout

Hébergé chez moi En prod depuis Mars 2019 ± 6 utilisateurs

Présentation

C'est une application web assez simple permettant d'avoir le prix de certaines stations essence.

Nous aurons un tableau par station avec le type de carburant et son prix.

Nous aurons plusieurs zones identifiées par un nom, chacune de ces zones contiennent plusieurs stations.

Pourquoi ?

Bien que les sites soient souvent à jour, nous avons l'habitude de nous rendre dans certaines stations essence, il nous fallait donc une application avec des prix à jour, mais aussi configurable.

Solution

Récupérer les prix de l'essence sur le site du gouvernement (lien). Les prix sont mis à jour tous les jours à 5h, ces données sont fournies dans un fichier xml zippé. Dans ce fichier le point de vente (pdv) est un identifiant unique pour une station, pour certaines raisons le nom de la station n'est pas fournie. Pour cela j'utilise le fichier suivant (lien) comme base pour le nom de la station et sa marque (Carrefour, Auchan, …). Le nom et la marque peuvent être surchargé dans la configuration de l'application.

Il est possible de sélectionner plusieurs stations d'une ville, un point de vente (par exemple 62300012) est formé d'un code postal (rouge) et d'un identifiant unique (vert), dans notre application seuls les stations en France métropolitaine sont utilisés. (voir la config pour plus d'information)

Il faut donc deux services, un service web et un service qui s'occupe de la mise à jour.

Programme de mise à jour

• Récupération du fichier et analyse du fichier xml
• Lecture et analyse du fichier json pour les stations
• Lecture de la configuration
• Restructuration des données
  • Création des zones
  • Sélection des prix (en fonction des carburants)
  • Surcharge des stations (nom et marque)
• Suppression des données de la veille
• Stockage des données dans Redis

Serveur Web

• Données retournées par Flask
• Les images (logo station) et le client web sont desservis par Nginx

Technologies utilisées

Serveur Web et Programme de mise à jour

• Python
• Flask pour le routage
• Redis pour la base de données volatile
• Requests pour la récupération des infos et le téléchargement des affiches

Client Web

• Javascript
• Vue 2
• Axios pour les requêtes

Déploiement

Les services fonctionnent via systemd. Le programme de mise à jour est lancé toutes les heures.

Le service web fonctionne avec Gunicorn.

Le client web (html, js, css, …) et les images sont desservis par Nginx (c'est fait pour).

La base de données est un serveur Redis avec les données uniquement en RAM, dans le pire des cas (redémarrage du serveur) il faut relancer le service de mise à jour, cela permet de ne pas fair trop d'écriture sur le disque.

Configuration applicative

Dans la configuration, il est possible de :

• Sélectionner certains carburants
• Pour une zone
  • Sélectionner toutes les stations d'une ville avec le code postal
  • Ajouter une ou plusieurs stations avec le point de vente
  • Exclure une ou plusieurs stations avec le point de vente
• Pour une station
  • Surcharger son nom
  • Surcharger sa marque

Exemple de configuration utilisée

                    carburants:
  - Gazole
  - SP95
  - E10
  - SP98
  - E85
stations:
  62300016:
    marque: auchan
    nom: Atac
  62881001:
    marque: carrefour
    nom: Carrefour Lens 2
zones:
  lens:
    villes:
      - "62300"
      - "62800"
    stations:
      - "62143002"
      - "62881001"
    exclusions:
      - "62300012"
    image: home
  gravelines:
    villes:
      - "59820"
      - "59153"
    image: ship
                

Quelques captures d'écrans du client Web