05 / Automatisation

ANYBOT

Automatisation navigateur et orchestration de workflows métier.

Projet client privé — non déployé publiquement.

ANYBOT
ANYBOT

Captures

ANYBOT — Automatisation navigateur et orchestration de workflows métier.

Vue d’ensemble

Définir, planifier et suivre l’automatisation navigateur — formulaires, extraction, flux multi-étapes et APIs. Les workflows se définissent visuellement dans une UI React plutôt qu’en scripts jetables, si bien qu’un non-développeur voit ce que fait un workflow et quand il tourne, et qu’un développeur peut l’étendre avec des étapes personnalisées quand un site a besoin d’un traitement particulier.

Le problème

Des tâches numériques répétitives exigeaient un humain : portails, prix concurrents, données sans API. Il fallait se connecter, cliquer à travers les mêmes formulaires en plusieurs étapes, et copier les résultats dans un tableur, jour après jour — assez simple à décrire mais trop fragile pour un script jetable, puisque la mise en page d'un portail ou la structure d'une page de prix change sans prévenir et casse tout ce qui n'est pas surveillé.

La solution

Moteur Node.js + Playwright, UI React, planification, reprise d’erreur, webhooks et logs. Chaque workflow est une séquence d’étapes navigateur — naviguer, remplir, cliquer, extraire — que Playwright exécute sur un vrai navigateur headless, gérant les sites riches en JavaScript qu’un simple scraper HTTP ne peut pas traiter. Redis alimente la file de jobs et la planification, et le moteur tourne dans Docker. Le visualiseur de logs enregistre quelle étape un workflow a suivie, ce qu’il a cliqué ou rempli, et ce qu’il a extrait, si bien qu’un échec peut être retracé jusqu’à l’étape exacte plutôt que relancé à l’aveugle.

Rôle

Solo — conception, moteur d’orchestration, builder UI. Responsable de toute la pile : le moteur d’exécution Playwright, la file de jobs, et l’interface React pour construire et surveiller les workflows. Également responsable de la logique de planification qui décide quand chaque workflow s’exécute et de la couche webhook qui notifie les autres systèmes à la fin ou en cas d’échec.

Résultat

Des centaines de tâches quotidiennes automatisées. Zéro toucher après configuration. Un workflow qui demandait auparavant qu'on se connecte et clique dans un formulaire tourne désormais sur planning et ne remonte que quand quelque chose a vraiment besoin d'attention.

Fonctionnalités

  • Définir, planifier et suivre l’automatisation navigateur
  • formulaires, extraction, flux multi-étapes et APIs
  • Les workflows se définissent visuellement dans une UI React plutôt qu’en scripts jetables, si bien qu’un non-développeur voit ce que fait un workflow et quand il tourne, et qu’un développeur peut l’étendre avec des étapes personnalisées quand un site a besoin d’un traitement particulier

Technologie

Bric Reda
À propos de l’auteur

Bric Reda est développeur full stack à Tanger, Maroc. Il conçoit des logiciels Laravel, React et TypeScript — plateformes SaaS, systèmes ERP et applications en production pour des entreprises au Maroc et en Europe.

En savoir plus sur Bric Reda

Projets choisis

EMAIL TRACKING SYSTEMSERVICE NOW

Articles liés

Automatisation métier pour les entreprises marocainesDes automatisations métier qu’on utilise vraiment
Parlons de votre projet →