Áú»¢¶Ä²©

8 Monitorar llocs web amb elements del navegador

±õ²Ô³Ù°ù´Ç»å³Ü³¦³¦¾±¨®

Aquest lloc us explica les passes necess¨¤ries per comen?ar el monitoratge b¨¤sic d'elements del navegador.

Per a qui ¨¦s feta aquesta guia

Aquesta guia ¨¦s dissenyada per a usuaris nous de Áú»¢¶Ä²© i cont¨¦ el conjunt m¨ªnim de passes necessaris per habilitar el monitoratge b¨¤sic de llocs web amb elements de navegador. Si busqueu opcions de personalitzaci¨® m¨¦s complexes o us cal una configuraci¨® m¨¦s avan?ada, consulteu la secci¨® d'elements de navegador o la secci¨® °ä´Ç²Ô´Ú¾±²µ³Ü°ù²¹³¦¾±¨® del manual Áú»¢¶Ä²©.

Prerequisits

Abans de continuar amb aquesta guia, heu de descarregar i instal¡¤lar el servidor Áú»¢¶Ä²© i la interf¨ªcie Áú»¢¶Ä²© segons les instruccions del vostre sistema operatiu.

Aquesta guia es basa en la configuraci¨® seg¨¹ent:

  • Versi¨® Áú»¢¶Ä²©: 7.2 (instal¡¤lat des de paquets)
  • Distribuci¨® del sistema operatiu: Ubuntu
  • Versi¨® del sistema operatiu: 22.04 (Jammy)
  • Components Áú»¢¶Ä²©: Servidor, Frontend, Agent
  • Base de dades: MySQL
  • Servidor web: Apache

Configura WebDriver

Els elements del navegador requereixen un marc d'automatitzaci¨® (ja sigui Selenium Server o un WebDriver senzill, com ara ChromeDriver) com a punt final de prova web que controla i interacciona amb un navegador, executant ordres de prova, com ara fer clic a botons o introduir text. Com a exemple, aquesta guia emprar¨¤ Selenium Server amb Chrome en un contenidor Docker.

Se suposa que Docker ja ¨¦s configurat. Aquesta guia no cobreix la configuraci¨® de Docker. Per obtindre instruccions d'instal¡¤laci¨®, consulteu .

1. Inicieu Selenium Server amb Chrome en un contenidor Docker amb les opcions seg¨¹ents:

  • docker run --name browser - executa un nou contenidor Docker anomenat "browser";
  • -p 4444:4444 - mapeja el port 4444 del vostre equip al port 4444 del contenidor (aquest ¨¦s el port emprat per Selenium Server per acceptar comandes);
  • -p 7900:7900: mapeja el port 7900 del vostre equip al port 7900 del contenidor (aquest ¨¦s el port emprat pel servidor de Virtual Network Computing (VNC), que us permet veure la GUI del navegador de forma remota; requereix un client VNC);
  • --shm-size="2g": assigna 2 Go de mem¨°ria compartida al contenidor (aix¨° ¨¦s important perqu¨¨ Chrome funcioni correctament, ja que pot requerir una quantitat important de mem¨°ria compartida per evitar bloquejos);
  • -d - executa el contenidor en mode desconnectat, ¨¦s a dir, s'executar¨¤ en segon pla;
  • selenium/standalone-chrome:latest - especifica la imatge de Docker a emprar; en aquest cas, la darrera versi¨® de .
docker run --name browser \
       -p 4444:4444 \
       -p 7900:7900 \
       --shm-size="2g" \
       -d selenium/standalone-chrome:latest

2. Assegureu-vos que el contenidor Docker navegador s'¨¦s executant i accessible.

  • Recupereu l'adre?a IP del contenidor (en aquest exemple, 192.0.2.1):
ip addr
       
       # 1: ho: <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
       #...
  • Proveu la connexi¨® al contenidor amb :
nc -zv 192.0.2.1 4444
       
       # La connexi¨® al port 192.0.2.1 4444 [tcp/*] s'ha aconseguit!
  • Recupereu el contingut de la p¨¤gina web de Selenium Server amb :
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>
       # ...

Per a la resoluci¨® de problemes, consulteu la .

Configurar el servidor Áú»¢¶Ä²©

Els elements del navegador s'executen i processen mitjan?ant browser poller processos Áú»¢¶Ä²© que s'han d'habilitar ajustant el par¨¤metre de configuraci¨® del servidor StartBrowserPollers. A m¨¦s, el par¨¤metre WebDriverURL hauria d'especificar el punt final de prova web configurat anteriorment.

De manera predeterminada, el par¨¤metre StartBrowserPollers s'estableix en 1, per tant nom¨¦s cal que especifiqueu el punt final de prova web.

1. Obriu el fitxer de configuraci¨® del servidor Áú»¢¶Ä²©.

vi /etc/zabbix/zabbix_server.conf

2. Localitzeu i configureu el par¨¤metre WebDriverURL al fitxer de configuraci¨® del servidor Áú»¢¶Ä²©:

### Opci¨®: WebDriverURL
       # URL HTTP[S] de la interf¨ªcie WebDriver. Per exemple, http://localhost:4444 emprat amb el servidor aut¨°nom de Selenium WebDriver.
       #
       # Obligatori: no
       # Per defecte:
       # WebDriverURL=
       
       WebDriverURL=192.0.2.1:4444

3. Reinicieu el servidor Áú»¢¶Ä²©.

systemctl restart zabbix-server

Configura la interf¨ªcie Áú»¢¶Ä²©

1. Inicieu sessi¨® a la interf¨ªcie de Áú»¢¶Ä²©.

2. Crea un equip a la interf¨ªcie web de Áú»¢¶Ä²©:

  • Al camp Nom d'equip, introdu?u un nom d'equip(per exemple, "git.zabbix.com").
  • Al camp Plantilles, escriviu o trieu la plantilla "Lloc web per navegador". Per obtenir m¨¦s informaci¨® sobre aquesta plantilla, veieu .
  • Al camp Grups d'equips, escriviu o trieu un grup d'equips (per exemple, un grup d'equips nou "Llocs web").

  • A la pestanya Macros, canvieu a Macros heretades i equips, cerqueu les macros seg¨¹ents i feu clic a Canviar al costat del valor de la macro per actualitzar-la:
    • {$WEBSITE.DOMAIN} - Nom de domini (per exemple, git.zabbix.com/projects/ZBX/repos/zabbix/browse)
    • {$WEBSITE.GET.DATA.INTERVAL} - Interval d'actualitzaci¨® de dades d'element (per exemple, 15 m)

3. Feu clic al bot¨® Afegir per crear l'equip. Aquest equip representar¨¤ el lloc web que voleu monitorar.

Veure les m¨¨triques recopilades

Felicitats! En aquest moment, Áú»¢¶Ä²© ja monitora el lloc web que heu definit.

Per veure les m¨¨triques recopilades, aneu a la secci¨® de men¨² Monitoratge ¡ú Equips i feu clic a Taulers al costat de l'equip.

Aquesta acci¨® us dur¨¤ al tauler de control de l'equip (configurat al nivell de plantilla) amb les m¨¨triques m¨¦s importants recollides del lloc web.

Configurant les alertes de problemes

Áú»¢¶Ä²© us pot notificar sobre un problema amb la vostra infraestructura mitjan?ant diversos m¨¨todes. Aquesta guia ofereix passes b¨¤siques de configuraci¨® per enviar alertes per correu electr¨°nic.

1. Aneu a °ä´Ç²Ô´Ú¾±²µ³Ü°ù²¹³¦¾±¨® de l'usuari ¡ú Perfil, canvieu a la pestanya Suport i afegiu el vostre correu electr¨°nic.

2. Seguiu la guia per a Rebre una notificaci¨® de problema.

El proper cop, quan Áú»¢¶Ä²© detecti un problema, haur¨ªeu de rebre una alerta per correu electr¨°nic.

Proveu la vostra configuraci¨®

Per provar la vostra configuraci¨®, podem simular un problema real actualitzant la configuraci¨® de l'equip a la interf¨ªcie Áú»¢¶Ä²©.

1. Obriu la configuraci¨® d'equip del vostre lloc web a Áú»¢¶Ä²©.

2. Canvieu a la pestanya Macros i trieu Macros heretades i equips.

3. Feu clic a Canviar al costat, per exemple, del valor de macro configurat anteriorment {$WEBSITE.DOMAIN} i establiu un nom de domini incorrecte (per exemple, /git.zabbix.com/projects/ZBX/repos/zabbix/browse).

4. Feu clic a Actualitzar per actualitzar la configuraci¨® de l'equip.

5. En uns moments, Áú»¢¶Ä²© detectar¨¤ el problema "No s'ha pogut obtindre JSON del lloc web triat", perqu¨¨ no es podr¨¤ connectar al lloc web especificat. El problema apareixer¨¤ a Monitoratge ¡ú Problemes.

Si les alertes s¨®n configurades, tamb¨¦ rebreu la notificaci¨® del problema.

6. Canvieu el valor de la macro al seu valor anterior per resoldre el problema i continuar monitorant el lloc web.

Veieu tamb¨¦

  • Creaci¨® d'un element - com comen?ar a monitorar m¨¨triques addicionals.
  • Escalat de problemes - com crear escenaris d'alerta de diverses passes (p. ex., primer enviar el missatge a l'administrador del sistema i despr¨¦s, si un problema no es resol en 45 minuts, enviar el missatge al gestor del centre de dades).
  • Elements del navegador - com configurar els elements del navegador.
  • Plantilla - informaci¨® addicional sobre la plantilla Website by Browser.