05 / Automatización

ANYBOT

Automatización de navegador y orquestación de workflows.

Proyecto privado de cliente — no desplegado públicamente.

ANYBOT
ANYBOT

Capturas

ANYBOT — Automatización de navegador y orquestación de workflows.

Resumen

Definir, programar y monitorizar automatización de navegador — formularios, extracción, flujos y APIs. Los workflows se definen visualmente en una UI React en lugar de escribirse como scripts sueltos, así que alguien sin perfil técnico puede ver qué hace un workflow y cuándo se ejecuta, y un desarrollador puede extenderlo con pasos personalizados cuando un sitio necesita un tratamiento especial.

El problema

Tareas digitales repetitivas pedían un humano: portales, precios de competencia, datos sin API. Alguien tenía que iniciar sesión, hacer clic por los mismos formularios de varios pasos, y copiar los resultados a una hoja, día tras día — bastante simple de describir pero demasiado frágil para un script suelto, ya que el diseño de un portal o la estructura de una página de precios cambia sin aviso y rompe todo lo que no esté monitorizado.

La solución

Motor Node.js + Playwright, UI React, programación, recuperación, webhooks y visor de logs. Cada workflow es una secuencia de pasos de navegador — navegar, rellenar, clicar, extraer — que Playwright ejecuta sobre un navegador headless real, manejando sitios cargados de JavaScript que un scraper HTTP simple no puede. Redis alimenta la cola de jobs y la programación, y el motor corre en Docker. El visor de logs registra qué paso siguió un workflow, qué hizo clic o rellenó, y qué extrajo, así que un fallo puede rastrearse hasta el paso exacto en vez de relanzarse a ciegas.

Rol

Solo — diseño, motor de orquestación e UI de workflows. Responsable de toda la pila: el motor de ejecución Playwright, la cola de jobs y la interfaz React para construir y monitorizar workflows. También responsable de la lógica de programación que decide cuándo se ejecuta cada workflow y de la capa de webhooks que notifica a otros sistemas al completarse o fallar.

Resultado

Cientos de tareas diarias automatizadas. Cero toques tras la configuración. Un workflow que antes necesitaba que alguien iniciara sesión y hiciera clic en un formulario ahora corre según el calendario y solo aparece cuando algo realmente necesita atención.

Funciones

  • Definir, programar y monitorizar automatización de navegador
  • formularios, extracción, flujos y APIs
  • Los workflows se definen visualmente en una UI React en lugar de escribirse como scripts sueltos, así que alguien sin perfil técnico puede ver qué hace un workflow y cuándo se ejecuta, y un desarrollador puede extenderlo con pasos personalizados cuando un sitio necesita un tratamiento especial

Tecnología

Bric Reda
Sobre el autor

Bric Reda es desarrollador full stack en Tánger, Marruecos. Construye software con Laravel, React y TypeScript — plataformas SaaS, sistemas ERP y aplicaciones en producción para empresas en Marruecos y Europa.

Más sobre Bric Reda

Proyectos seleccionados

EMAIL TRACKING SYSTEMSERVICE NOW

Artículos relacionados

Business Automation for Moroccan CompaniesAutomatización de negocio que de verdad se usa
Empezar un proyecto →