Unlimited Plugins, WordPress themes, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Code
  2. JavaScript
Code

Introducción a Raygun: Informes y reportes de fallos para desarrolladores de aplicaciones

by
Difficulty:BeginnerLength:MediumLanguages:
This post is part of a series called Raygun Tools for Performance and Error Monitoring.
How to Find and Fix Poor Page Load Times With Raygun
Sponsored Content

This sponsored post features a product relevant to our readers while meeting our editorial guidelines for being objective and educational.

Spanish (Español) translation by Elías Nicolás (you can also view the original English article)

Presentación de Raygun

Nadie escribe errores en su software a propósito, pero ¿ha considerado alguna vez cuántos problemas existen en sus aplicaciones de software de los que ni siquiera son conscientes?

¿Alguna vez recibió solicitudes de asistencia y no ha podido replicar un problema, o pasa horas mirando archivos de registro para encontrar las causas de los problemas? Todos hemos estado allí, tratando los problemas inesperados que se producen en nuestro código.

La imagen no siempre está clara en cuanto a la causa del problema, y su equipo podría pasar horas cazando a través de registros para resolverlo.

Raygun ofrece soluciones a este problema, con una ventana en tiempo real en cómo su aplicación está realizando para sus clientes, ayudándola a señalar la mejora que necesita ser hecha en segundos. Además, Raygun ofrece funcionalidades de flujo de trabajo para colaborar con sus compañeros desarrolladores hasta el despliegue de la corrección.

Raygun

La plataforma Raygun ofrece herramientas esenciales de desarrollo de software que ayudan a mantener un ojo vigilante en su web y aplicaciones móviles cuando surgen problemas. Ofreciendo software de error y de informe de fallos, que ayuda a detectar, diagnosticar y destruir las excepciones que encuentren los usuarios, y una herramienta Real User Monitoring que supervisa cada sesión de usuario para cosas como cargas de carga lenta, scripts y solicitudes que podrían ralentizar el rendimiento de su aplicación, Raygun cubre todas las bases.

Hoy profundizar en cómo configurar los informes de fallos y errores en tiempo real para sus aplicaciones con Raygun, independientemente del lenguaje de programación y la plataforma que utilice.

Si alguna vez ha hecho clic en "No enviar" en un diálogo de informes de fallos del sistema operativo, entonces sabrá que pocos usuarios informan activamente los errores—la mayoría simplemente se alejan con frustración.

De hecho, una encuesta de Compuware informó que sólo el 16% de los usuarios intentan una aplicación que falla más de dos veces. Es vital saber si su software esta fallando para sus usuarios. Raygun hace esto fácil.

Con sólo unas pocas líneas de código, puede integrar Raygun en su entorno de desarrollo en cuestión de minutos. Raygun es compatible con todos los principales lenguajes de programación y plataformas, así que simplemente seleccione el idioma con el que desea comenzar. Instantáneamente comenzará a recibir informes de errores y bloqueos y podrá estudiar la información de diagnóstico y apilar los rastros en el panel de Raygun.

Para este tutorial, te mostraré ejemplos de seguimiento de aplicaciones JavaScript como Ghost y  WordPress basado en PHP, pero Raygun funciona en todas partes: front-end, back-end, web y móvil.

Raygun screenshot

Al señalar los problemas y diciéndole exactamente dónde buscar, Raygun le ayuda a construir un software más saludable, más confiable para deleitar a sus usuarios y hacerlos volver.

Más importante aún, Raygun está construido para equipos y soporta integraciones para software de lugar de trabajo como chats de equipo, Slack y Hipchat, herramientas de gestión de proyectos, como JIRA y Sprintly, y emitir controladores, como GitHub y Bitbucket. Raygun le da a su equipo la paz de la mente que su software se está realizando como lo quieres—sin problemas.

¡Qué cool son las notificaciones Slack en tiempo real para todo el equipo cuando sus clientes se encuentran con errores, problemas y fallos!

Raygun integration with chat software like Slack

En este tutorial, le explicaré paso a paso la configuración de su aplicación con Raygun.

Si tiene alguna solicitud de futuros tutoriales o preguntas y comentarios en el día de hoy, publiquelos a continuación. También puede contactarme en Twitter @lookaheadio o envieme un correo electrónico directamente.

Empezando

Una de las características más potentes de Raygun es que funciona con todos los principales lenguajes de programación y plataformas, y es increíblemente fácil de integrar. Simplemente copie y pegue el código en su aplicación y Raygun comenzará a supervisar los errores. En el caso de WordPress, proporcionan un plugin pre-hecho.

Integrando Raygun con su aplicación

Después de registrarse, se le presentará un breve asistente de integración de Raygun. Comienza con la selección de su idioma de elección. Aquí está el panel de control inicial que verá:

Raygun initial dashboard asking what language your app is written in

He aquí un ejemplo de integración para usar con cualquier código o plataforma de JavaScript.

Uso de Raygun con JavaScript

Una vez que seleccione JavaScript, se le mostrará su clave API de aplicación (la clave es la misma para todas las plataformas que elija y es específica de la aplicación). Para cada entorno o idioma que desee supervisar, debe crear una aplicación independiente para organizar los errores en diferentes cubos.

Raygun es fácil de usar independientemente del sistema de administración de paquetes JavaScript que prefiera:

Raygun JavaScript setup screen

Por ejemplo, con Bower, ejecute:

Desde NuGet, abra la consola y ejecute:

Pero también puede cargar la biblioteca del CDN de Raygun en su aplicación:

También puede descargar la versión de producción minificada o de desarrollo completa e integrarlo a su propia manera.

Para empezar a detectar excepciones en su aplicación, llame a Raygun.init con su clave de API y luego llame attach:

Si desea configurar una aplicación rápida basada en JavaScript para probar Raygun, puede que desee probar mi tutorial de Envato Tuts+ paso-a-paso de la plataforma de creación de blogs de código abierto de Ghost.

Para este tutorial, voy a usar Raygun con un blog de WordPress—tanto los errores de PHP como de JavaScript se pueden capturar de esta manera.

Depuración con WordPress

Para instalar Raygun para WordPress, necesita el plugin en WordPress de Raygun:

Raygun WordPress setup

Una vez que haya instalado el complemento, cargue el menú de configuración desde el panel de WordPress y proporcione su clave de API:

Raygun4WP Configuration

Dentro de un minuto, empezarás a ver los errores recogidos en tu panel de Raygun. Si no, haga clic en el botón Enviar Error de prueba para simular uno.

El panel de control de Raygun

Inicialmente, verás un panel vacío:

Empty Raygun dashboard

Pero una vez que hayas elegido tu idioma e integrado tu aplicación, verás un tablero como este—oh, desarrolladores de temas—en el que Raygun me ayudó a descubrir una plétora de código de tema de WordPress que no se había mantenido al día con el Últimas versiones de PHP.

Full Raygun dashboard

Seguimiento de errores en todas las implementaciones de código

Cuando integra Raygun con sus herramientas de implementación, puede realizar un seguimiento de los errores según versiones específicas del software liberado. Esto puede ayudarle a identificar y reparar los despliegues incorrectos de forma rápida y sencilla:

Raygun deployments

Puede leer acerca de cómo integrar sus scripts de implementación con etiquetado Raygun en la documentación. Raygun proporciona guías para trabajar con: Octopus Deploy, Bash, PowerShell, Capistrano, Rake, Grunt, Bamboo Atlassian y FAKE - F# Make.

Gestión de los estados de error de Raygun

Raygun actualmente le permite asignar grupos de error a uno de los cinco estados. Estos son:

  • Activo
  • Resuelto
  • Resuelto en la versión x.xx
  • Ignorado
  • Permanentemente ignorado

Cuando se recibe un error por primera vez, se asigna a Active y es visible en la primera pestaña. A continuación, puede tomar medidas para cambiarlo a otro estado.

Por ejemplo, tan pronto como activé Raygun con WordPress y descubrí una plétora de temas relacionados con la compatibilidad de PHP, mi cola de correo electrónico empezó a llenarse—pero esto se resolvió fácilmente pidiendo a Raygun que me notificara de solo nuevos informes.

También puede filtrar y gestionar los problemas por estado a través de la interfaz con bastante facilidad. Por ejemplo, sería fácil eliminar todos los errores resueltos en WordPress versión 4.3.

Vistas detalladas de errores en Raygun

Al hacer clic en los errores, Raygun muestra su vista detallada con stack trace y un resumen de los usuarios y navegadores o dispositivos que se ven afectados:

Error detail view

En vista detallada, Raygun también le permite a su equipo comentar y discutir temas específicos:

Raygun error comments

Seguimiento de usuarios en Raygun

Si implementa el seguimiento de usuarios con su integración de Raygun, puede ver exactamente cuáles de sus usuarios autenticados han ejecutado en errores específicos y con qué frecuencia:

Raygun user tracking screen

Raygun ofrece una documentación sencilla para vincular los informes de errores al usuario conectado actual. Aquí hay un ejemplo para JavaScript:

De forma predeterminada, Raygun4JS asigna un ID anónimo único para el usuario actual. Esto se almacena como una cookie. Si el usuario actual cambia, para restablecerlo y asignar un nuevo ID puede llamar:

Para deshabilitar el seguimiento de usuarios anónimos, llame a Raygun.init('apikey', {disableAnonymousUserTracking: true});.

Puede proporcionar información adicional sobre el usuario actualmente conectado a Raygun llamando a: Raygun.setUser('unique_user_identifier');.

Este método toma parámetros adicionales que se utilizan al informar sobre los usuarios afectados. La firma del método completo es:

Cómo administrar su equipo

Raygun se basa en los problemas de seguimiento de los equipos de desarrollo. A través del área de configuración, es fácil agregar aplicaciones que está rastreando e invitar a los miembros del equipo a participar:

Tuts team members on Raygun

Como se mencionó anteriormente, Raygun se integra fácilmente con otras herramientas basadas en equipos, tales como chat (Slack, Hipchat, etc.), gestión de proyectos (JIRA, Sprintly, etc.) y seguimiento de problemas (GitHub, Bitbucket, etc.).

Atención al cliente

Raygun apoyo es excelente. Además de la documentación en la web y guías de bienvenida de correo electrónico, hay personal de apoyo útil (como Nick) listo para guiarle más profundamente en el servicio—Nick consejos y disponibilidad sólo surgió como estaba revisando el servicio:

Raygun user help screen

La API de Raygun

Si desea personalizar o personalizar los desencadenadores de eventos, puede publicar errores a través de la API de Raygun, aunque desee desde su aplicación. Esto puede ser útil para los desarrolladores que deseen integrar el monitoreo o el reporte especializado en sus servicios o facilitar el proceso de desarrollo.

Monitoreo de usuarios reales Raygun Pulse

Por último, aunque hablamos a través de la configuración del software de Raygun Crash Reporting aquí, la adición de Pulse - Real User Monitoring es tan fácil al agregar el fragmento de código de Raygun.

Pulse proporciona todos los datos de sesión de usuarios 'reales' cuando interactúan con sus aplicaciones. Esto es mucho más potente que las pruebas sintéticas tradicionales, ya que los datos se toman directamente desde el navegador del usuario, lo que le permite ver cómo el dispositivo único de un usuario, el navegador, el sistema operativo, la ubicación o la velocidad de conexión afectaron el rendimiento de la aplicación. Las secuencias de comandos, solicitudes y activos problemáticos pueden identificarse como la causa de la ruta y las optimizaciones realizadas para mejorar el rendimiento general de la aplicación.

Raygun Pulse real user monitoring

Junte Pulse with Crash Reporting y tiene todas las herramientas disponibles para asegurar que sus clientes estén recibiendo una gran experiencia de usuario.

En resumen

Espero que haya encontrado Raygun fácil de usar y útil para sus necesidades de desarrollo. Para resumir, aquí están algunos de los principales beneficios del servicio:

  • Raygun ofrece una visión general completa de los problemas de toda la pila de desarrollo. El agrupamiento inteligente de errores le permite ver los problemas de prioridad más alta en lugar de inundarle con notificaciones para cada error.
  • Raygun soporta todos los principales lenguajes de programación y plataformas. Cada desarrollador puede usarlo. El tiempo del desarrollador es caro, así que deja de perder el tiempo tratando de cazar bichos. Soluciona los problemas más rápido y ¡crea más funciones en su lugar!
  • Raygun se construye para los equipos. Puede invitar a miembros ilimitados del equipo a su cuenta, sin restricciones. Raygun le ayuda a crear un flujo de trabajo de equipo para corregir errores y proporciona notificaciones personalizadas y un resumen diario de eventos de error para todo su equipo.
  • Para grandes corporaciones, Raygun Enterprise puede proporcionar soporte en la nube o la capacidad de alojar de forma segura una versión del servicio para sus necesidades.

Cuando le dé a Raygun un intento, por favor háganos saber sus preguntas y comentarios a continuación. También puede contactarme en Twitter @lookaheadio o envieme un correo electrónico directamente. O, si Raygun te ahorra un montón de tiempo, puede navegar por mi página instructor de Envato Tuts+ para leer los otros tutoriales que he escrito.

Enlaces relacionados

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.