Post Top Ad

Your Ad Spot

martes, 21 de abril de 2020

Seguimiento de errores: sugerencias y herramientas principales

La clave del éxito en la vida es aprender de tus errores. Lo mismo puede decirse del desarrollo web . El seguimiento de errores es un componente vital para cualquier proyecto web porque le ayuda a identificar problemas de rendimiento antes de que se salgan de control. Echemos un vistazo a algunas de las mejores herramientas y estrategias de monitoreo de errores para 2018.

¿Qué es el seguimiento de errores?# #

Idealmente, desea identificar errores en su aplicación web antes de que los usuarios los encuentren. Las primeras impresiones lo son todo, y recibir un mensaje de error es una forma segura de ahuyentar a los nuevos visitantes. Peor aún, esos usuarios probablemente no se tomarán el tiempo para decirle que su aplicación se bloqueó en ellos. Peor aún, podrían comenzar a correr la voz en Twitter. El seguimiento de errores es el proceso de identificar proactivamente problemas y solucionarlos lo más rápido posible.
La supervisión de errores puede volverse cada vez más complicada a medida que lidia con los errores informados por los usuarios y su equipo de producción, por lo que es tan importante tener un flujo de trabajo de seguimiento de errores eficiente desde el principio.

¿Cómo es útil el seguimiento de errores?# #

Como con cualquier situación en la vida, es más fácil abordar problemas pequeños lo antes posible para que no se conviertan en problemas mayores. Por lo tanto, la implementación del seguimiento de errores desde el comienzo del ciclo de desarrollo le ahorrará a su equipo mucho tiempo y dolores de cabeza.

Error de seguimiento del backend#

Los errores de backend o del lado del servidor incluyen cosas como excepciones de página y errores de JavaScript. No todos los errores de backend afectan la experiencia del usuario, pero realizar un seguimiento de ellos puede resultar útil al ajustar su aplicación. La consola Google DevTools puede brindarle comentarios en tiempo real para ayudarlo a rastrear la fuente de los errores, y puede configurar controladores para automatizar la recopilación de datos de excepción.
track exceptions
Fuente: Google
Tenga en cuenta que no todos los errores de código son perceptibles para los usuarios. Independientemente de las herramientas que utilice para rastrear excepciones, la parte más difícil de la supervisión de errores es filtrar todo el "ruido" para que pueda concentrarse en los problemas reales. Es por eso que los probadores humanos siempre serán necesarios.

Seguimiento de errores frontend#

Las herramientas de monitoreo de errores más antiguas se centraron principalmente en errores de backend. El seguimiento de errores de back-end es relativamente sencillo ya que todo el código del lado del servidor se ejecuta en el mismo lugar. La supervisión de errores en la interfaz requiere un poco más de trabajo porque el rendimiento de la interfaz depende en gran medida del hardware, el software y la conexión del usuario. Debe asegurarse de que su sitio web o aplicación se ejecute sin problemas en más de una docena de navegadores web y cientos de dispositivos diferentes, lo cual no es tarea fácil.
Los errores frontend incluyen fallas de UI, rendimiento lento e interfaces rotas. Además de recopilar datos, debe comprender exactamente cómo los errores afectan la experiencia del usuario. Ahí es donde entra la reproducción de errores.

Reproducción de errores#

Reproducir errores en el desarrollo web significa ver los errores por usted mismo al recrear las condiciones bajo las cuales ocurren. "Si no puede reproducir un error, entonces no puede solucionarlo", es un dicho popular dentro de los círculos de desarrollo web.
Cada sitio web o aplicación debe proporcionar una forma para que los usuarios denuncien errores. Por ejemplo, por eso aquí en KeyCDN ofrecemos un programa de recompensas para usuarios que encuentran errores de seguridad dentro de nuestra aplicación.
Por supuesto, también hay momentos en que el problema no radica en su aplicación sino en la conexión del usuario o la configuración de la red. Afortunadamente, ciertas soluciones de seguimiento de errores le permiten grabar y reproducir sesiones de usuario para que pueda ver por sí mismo exactamente lo que experimentó el usuario .

Herramientas útiles de seguimiento de errores#

No encontrará escasez de herramientas de monitoreo de errores disponibles en línea, pero ofrecen diferentes cantidades de información. Al depurar aplicaciones y rastrear errores, hay 2 métodos principales que puede usar: el primer método es usar una solución automatizada. Estos errores de seguimiento, le alertan cuando ocurre un error y proporcionan información sobre cómo replicar / resolver el problema.
El otro método es la depuración manual / seguimiento de errores donde puede utilizar una herramienta o servicio. Estos le brindan la capacidad de capturar errores y anotarlos manualmente, y finalmente enviarlos a su equipo de desarrollo. Se recomienda el uso de herramientas automáticas y manuales para garantizar que los errores se mantengan al mínimo.
Dicho esto, estas son algunas de las mejores herramientas para rastrear errores de aplicaciones web en 2018

Pruebas automatizadas#

1. Raygun#

raygun
Raygun ofrece 3 servicios separados que pueden usarse simultáneamente para vigilar mejor los errores de cualquier sitio web. Esto incluye su informe de fallas, monitoreo de usuarios reales y soluciones APM. Con el informe de fallas, se le notificará de cualquier error o falla que ocurra. Su producto RUM proporciona información sobre los cuellos de botella de rendimiento y cómo mejorarlos. Mientras que, por último, APM le permite recopilar datos en cuellos de botella del lado del servidor.

2. Rollbar#

rollbar
Rollbar es una solución completa de seguimiento de errores de pila. Captura cualquier error no detectado, informe de errores y mensajes de registro. También puede monitorear errores en tiempo real, recibir alertas instantáneas y revisar datos detallados de errores para reproducirlos y corregirlos rápidamente. Rollbar también tiene una lista extremadamente extensa de idiomas que admite, incluidos: JavaScript, Angular, Node.js, Python, Ruby, Django, PHP, Clojure, .NET, Android, iOS, Haskell, Drupal, Rails y muchos más.

3. Centinela#

sentry
Sentry es un poco diferente de las otras herramientas de seguimiento de errores en que es de código abierto. Si eres un aficionado puedes usar Sentry completamente gratis. Sin embargo, a medida que su proyecto o negocio crezca, deberá comprar un plan pago. El panel de Sentry le proporciona una tonelada de información útil, como el seguimiento de la pila, con soporte de mapas de origen y los parámetros de cada URL e información de sesión. También puede ver el impacto de cada versión para ver dónde están ocurriendo los errores y proporcionar a los usuarios una forma fácil de informarlos.

4. LogRocket#

log rocket
LogRocket es un poco diferente de los demás. Cuando LogRocket detecta un error, crea automáticamente un video que captura exactamente lo que los usuarios ven en sus pantallas. También realiza un seguimiento de los errores de JavaScript, los metadatos del navegador, los registros de la consola, los seguimientos de la pila, las solicitudes de red y mucho más. De esa manera, puede reproducir inmediatamente los errores para ver si afectan al usuario, y puede determinar cómo sucedieron al revisar los registros. También puede integrar LogRocket con Redux, React, Angular y otras bibliotecas para una supervisión de errores más sólida.

Prueba manual#

5. Usersnap#

usersnap
Usersnap ofrece una gran compatibilidad con herramientas como Slack, Intercom, WordPress, Evernote y Drupal solo por nombrar algunas. Gracias a la incorporación de JavaScript, Usersnap incluso proporciona informes de errores del lado del cliente. Un práctico widget flotante facilita la adición de anotaciones en cualquier página web. Si tiene un equipo de control de calidad, Usersnap es una excelente manera de racionalizar la comunicación entre ellos y los desarrolladores.

6. Marcador#

marker
Marker se integra con herramientas de colaboración como Trello y Slack para facilitar el trabajo en equipo. Cuando se producen errores, Marker envía una captura de pantalla a todos junto con detalles sobre el usuario. Desafortunadamente, Marker actualmente solo está disponible como una extensión para Chrome, pero los desarrolladores están trabajando en una mayor integración para WordPress.

7. DebugMe#

debugme
La extensión DebugMe es compatible con la mayoría de los navegadores web, incluidos Chrome, Safari, Internet Explorer, Microsoft Edge y Opera. Permite a los miembros del equipo hacer anotaciones sin dolor y compartir errores entre ellos. También puede incrustar código en las metaetiquetas de su aplicación para el seguimiento de errores incorporado, y puede proporcionar a los visitantes una vía para dar su opinión.

8. zipBoard#

zipboard
Ingrese su URL en zipBoard para obtener una buena representación visual de sus errores junto con información para ayudarlo a solucionarlos. El administrador de tareas incorporado le permite convertir anotaciones en tareas y asignarlas a sus compañeros de equipo. Lo mejor de todo es que puede probar la versión completa de zipBoard sin ningún costo para su primer proyecto. Si elige actualizar, puede agregar tantos usuarios como desee sin costo adicional.

Establecer un flujo de trabajo de seguimiento de errores#

Existen cuatro enfoques principales para el seguimiento de errores. Una estrategia integral de prueba de errores debería incorporarlos a todos:

1. Prueba automatizada#

Tan pronto como sea posible durante el proceso de desarrollo, debe aprovechar un conjunto de pruebas para automatizar el proceso de seguimiento de errores. Estos programas lo ayudan a configurar casos de prueba que simulan las acciones que los usuarios pueden realizar en diversas circunstancias.

2. Prueba manual#

A veces es necesario un ojo humano para detectar errores, por lo que los grandes equipos de desarrollo emplean probadores humanos que pasan horas probando manualmente el software mientras se está creando. Si no puede permitirse un equipo de evaluadores dedicados, los desarrolladores tendrán que realizar una doble tarea. BrowserStack y Usersnap son herramientas ideales para el seguimiento manual de errores porque ambos se ejecutan en la mayoría de los sistemas operativos y navegadores. Cada año llega más tráfico de dispositivos inteligentes, ¡así que no descuides las pruebas móviles!

3. Crowdsourcing#

Gracias a la rápida expansión de la web en los últimos años, el crowdsourcing se ha convertido en una solución popular para todo. El crowdsourcing en este contexto no solo significa darles a los usuarios una forma de reportar errores. Servicios como Testbirds y Applause reclutan usuarios de todo el mundo para probar proyectos de software durante su propio tiempo.
Algunos servicios cobran una tarifa plana por proyecto, mientras que otros cobran por error encontrado, lo cual es una buena motivación para que los desarrolladores no cometan errores. Testbirds ofrece pruebas de videojuegos y tiene una gran presencia en varios países, por lo que es ideal para desarrolladores que intentan llegar a una audiencia global . Aplausos incluso proporciona pruebas para wearables y tarjetas inteligentes. Si bien la idea del seguimiento de errores de crowdsourcing aún se está aplicando, puede esperar ver aparecer más servicios como estos.

4. Informe de usuario#

Algunos usuarios sin duda le avisarán si su aplicación falla, pero pocos realmente proporcionarán suficiente información para ayudarlo a solucionarlo. Es por eso que debe asegurarse de hacerles a los usuarios las preguntas correctas cuando reporten un error. Afortunadamente, los rastreadores de errores como Jira Service Desk proporcionan una manera fácil de configurar plantillas para que los usuarios las completen cuando encuentran errores, y muchas de las herramientas mencionadas anteriormente registran información sobre la sesión del usuario.

Resumen#

El mejor software de seguimiento de errores para su proyecto depende del tamaño, el presupuesto y las necesidades técnicas de su equipo. Ya sea que sea grande o pequeño, si desea mantener felices a sus visitantes, deberá emplear una combinación de herramientas y estrategias para detectar errores de manera eficiente antes de que lo hagan.

No hay comentarios.:

Publicar un comentario

Dejanos tu comentario para seguir mejorando!

outbrain

Páginas