8 Monitorizar sitios web con métricas de navegador

Introducción

Esta página le muestra los pasos necesarios para comenzar a monitorear sitios web de forma básica con métricas de navegador.

A quién va dirigida esta guía

Esta guía está diseñada para nuevos usuarios de Zabbix y contiene el conjunto mínimo de pasos necesarios para habilitar el monitoreo básico de sitios web con métricas de navegador. Si busca opciones de personalización más profundas o requiere una configuración más avanzada, consulte la página Métricas de navegador o la sección Configuración del manual de Zabbix.

Requisitos previos

Antes de continuar con esta guía, debe descargar e instalar el servidor Zabbix y la interfaz de usuario de Zabbix según las instrucciones para su sistema operativo.

Esta guía se basa en la siguiente configuración:

  • Versión de Zabbix: 7.0 (instalada desde paquetes)
  • Distribución del sistema operativo: Ubuntu
  • Versión del sistema operativo: 22.04 (Jammy)
  • Componentes de Zabbix: servidor, interfaz de usuario, agente
  • Base de datos: MySQL
  • Servidor web: Apache

Configurar WebDriver

Las métricas de navegador requieren un marco de automatización (ya sea Selenium Server o un WebDriver simple, por ejemplo, ChromeDriver) como punto final de prueba web que controla e interactúa con un navegador, ejecutando comandos de prueba como hacer clic en botones o ingresar texto. Como ejemplo, esta guía utilizará Selenium Server con Chrome en un contenedor Docker.

Se supone que Docker ya está configurado. Esta guía no cubre la configuración de Docker. Para obtener instrucciones de instalación, consulte Instalar Docker Engine en Ubuntu.

1. Inicie Selenium Server con Chrome en un contenedor Docker con las siguientes opciones:

  • docker run --name browser - ejecuta un nuevo contenedor Docker llamado "browser";
  • -p 4444:4444 - asigna el puerto 4444 de su máquina host al puerto 4444 del contenedor (este es el puerto que utiliza Selenium Server para aceptar comandos);
  • -p 7900:7900 - asigna el puerto 7900 de su máquina host al puerto 7900 del contenedor (este es el puerto que utiliza el servidor de Virtual Network Computing (VNC), lo que le permite ver la GUI del navegador de forma remota; requiere un cliente VNC);
  • --shm-size="2g" - asigna 2 GB de memoria compartida al contenedor (esto es importante para que Chrome se ejecute correctamente, ya que puede requerir una cantidad significativa de memoria compartida para evitar fallas);
  • -d - ejecuta el contenedor en modo separado, lo que significa que se ejecutará en segundo plano;
  • selenium/standalone-chrome:latest - especifica la imagen de Docker que se utilizará; En este caso, la última versión de Selenium Server con Chrome.
docker run --name browser \
       -p 4444:4444 \
       -p 7900:7900 \
       --shm-size="2g" \
       -d selenium/standalone-chrome:latest

2. Asegúrese de que el contenedor Docker browser esté en ejecución y sea accesible.

  • Recupere la dirección IP del contenedor (en este ejemplo, 192.0.2.1):
ip addr
       
       # 1: lo: <LOOPBACK,UP,LOWER_UP>
       # ...
       # 3: docker0: <NO-CARRIER,BROADCAST,MULTICAST,UP> ...
       # inet 192.0.2.1/16 brd 192.0.255.255 scope global docker0
       # ...
  • Pruebe la conexión al contenedor con Ncat:
nc -zv 192.0.2.1 4444
       
       # ¡La conexión al puerto 192.0.2.1 4444 [tcp/*] se realizó correctamente!
  • Recuperar el contenido de la página web de Selenium Server con curl:
curl -L 192.0.2.1:4444
       
       # <!DOCTYPE html>
       # <html lang="en">
       # 
       # <head>
       # <meta charset="utf-8"/>
       # <link href="favicon.svg" rel="icon" type="image/svg">
       # <meta content="width=device-width, initial-scale=1" name="viewport"/>
       # <link href="logo192.png" rel="apple-touch-icon"/>
       # <link href="manifest.json" rel="manifest"/>
       # <title>Selenium Grid</title>
       # </head>
       # 
       # <body>
       # ...

Para solucionar problemas, consulte la documentación de Docker.

Configurar el servidor Zabbix

Las métricas de navegador son ejecutadas y procesadas por procesos Zabbix browser poller que deben habilitarse ajustando el parámetro de configuración del servidor StartBrowserPollers. Además, el parámetro WebDriverURL debe especificar el punto final de prueba web configurado previamente.

De manera predeterminada, el parámetro StartBrowserPollers está configurado en 1, por lo tanto, solo necesita especificar el punto final de prueba web.

1. Abra el archivo de configuración del servidor Zabbix.

vi /etc/zabbix/zabbix_server.conf

2. Localice y configure el parámetro WebDriverURL en el archivo de configuración del servidor Zabbix:

### Opción: WebDriverURL
       # URL HTTP[S] de la interfaz de WebDriver. Por ejemplo, http://localhost:4444 se utiliza con el servidor independiente Selenium WebDriver.
       #
       # Obligatorio: no
       # Predeterminado:
       # WebDriverURL=
       
       WebDriverURL=192.0.2.1:4444

3. Reinicie el servidor Zabbix.

systemctl restart zabbix-server

Configurar la interfaz de Zabbix

1. Iniciar sesión en la interfaz de Zabbix.

2. Crear un equipo en la interfaz web de Zabbix:

  • En el campo Nombre de equipo, ingrese un nombre de equipo (por ejemplo, "git.zabbix.com").
  • En el campo Plantillas, escriba o seleccione la plantilla "Sitio web por navegador". Para obtener más información sobre esta plantilla, consulte Sitio web por navegador.
  • En el campo Grupos de equipos, escriba o seleccione un grupo de equipos (por ejemplo, un nuevo grupo de equipos "Sitios web").

  • En la pestaña Macros, cambia a Macros heredadas y de host, busca las siguientes macros y haga clic en Cambiar junto al valor de la macro para actualizarlo:
  • {$WEBSITE.DOMAIN} - Nombre de dominio (por ejemplo, git.zabbix.com/projects/ZBX/repos/zabbix/browse)
  • {$WEBSITE.GET.DATA.INTERVAL} - Intervalo de actualización de datos de la métrica (por ejemplo, 15m)

3. Haga clic en el botón Agregar para crear el equipo. Este equipo representará el sitio web que desea monitorear.

Ver las métricas recopiladas

¡Felicitaciones! En este punto, Zabbix ya está monitoreando el sitio web que especificó.

Para ver las métricas recopiladas, navegue a la sección de menú Monitoreo → Equipos y haga clic en Tablerosl junto al equipo.

Esta acción lo llevará al tablero del equipo (configurado en el nivel de plantilla) con las métricas más importantes recopiladas del sitio web.

Configurar alertas de problemas

Zabbix puede notificarle sobre un problema con su infraestructura mediante una variedad de métodos. Esta guía proporciona los pasos básicos de configuración para enviar alertas por correo electrónico.

1. Vaya a Configuración de usuario → Perfil, cambie a la pestaña Medios y agregue su correo electrónico.

2. Siga la guía para Recibir una notificación de problema.

La próxima vez que Zabbix detecte un problema, debería recibir una alerta por correo electrónico.

Pruebe su configuración

Para probar su configuración, podemos simular un problema real actualizando la configuración del equipo en la interfaz de Zabbix.

1. Abra la configuración del equipo de su sitio web en Zabbix.

2. Cambie a la pestaña Macros y seleccione Macros heredadas y del equipo.

3. Haga clic en Cambiar junto, por ejemplo, al valor de la macro previamente configurada {$WEBSITE.DOMAIN} y configure un nombre de dominio incorrecto (por ejemplo, /git.zabbix.com/projects/ZBX/repos/zabbix/browse).

4. Haga clic en Actualizar para actualizar la configuración del equipo.

5. En unos momentos, Zabbix detectará el problema "No se pudo obtener el JSON del sitio web solicitado", porque no podrá conectarse al sitio web especificado. El problema aparecerá en Monitoreo → Problemas.

Si las alertas están configuradas, también recibirá la notificación del problema.

6. Cambie el valor de la macro a su valor anterior para resolver el problema y continuar monitoreando el sitio web.

Consulte también

  • Creación de una métrica: cómo comenzar a monitorear métricas adicionales.
  • Escalado de problemas: cómo crear escenarios de alerta de varios pasos (por ejemplo, primero enviar un mensaje al administrador del sistema y, luego, si un problema no se resuelve en 45 minutos, enviar un mensaje al administrador del centro de datos).
  • Métricas de navegador: cómo configurar métricas de navegador.
  • Plantilla Sitio web por navegador: información adicional sobre la plantilla Sitio web por navegador.