¿Eres desarrollador web? ¿Desarrollas sistemas web? Hoy te voy a hablar sobre algo que seguramente te va a gustar, te mostraré como monitorear errores en Javascript de forma remota, ¿Te imaginas que te llegue un correo automaticamente cuando se produzca un error en tu sistema? A ningun programador le gusta ir un paso atrás cuando un cliente le reporta un error.
Al desarrollar un sistema o plataforma web quisieramos que todo fuera perfecto sin embargo no siempre es posible.
Al menos nos gustaría estar un paso adelante de un reporte de error en nuestro sistema por parte del cliente, ¿o no?
¿Te imaginas que te llegue un correo cuando surga un error en tu sistema incluso antes de que el cliente lo reporte?
ncluso podríamos tenerlo corregido al momento de que el cliente te lo reporte, ¿Que calidad de soporte técnico seriamos verdad?
Pues hoy vamos a ver como monitorear errores en Javascript de forma remotaindicandole a la plataforma que nos envíe un correo electrónico con los detalles.
EVENTO DE ERROR EN JAVASCRIPT
Lo primero será relacionar el evento de error a nuestro sistema, esto lo haremos mediante el evento error:
|
1
|
window.addEventListener(«error», atenderError, true);
|
aquí lo que decimos es decirle a nuestra ventana que relacione los eventos de error con la funcion atenderError.
OBTENER DETALLES DEL ERROR
La funcion atender error es como sigue:
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
|
function handleError(evt) {
if (evt.message) {
var msj_error = «error: «+evt.message +» en la linea: «+evt.lineno+» del archivo: «+evt.filename;
$.post(«enviarError.php»,{
msj:msj_error
}).done(function(data){
console.log(«Mensaje de error enviado a [Empresa de software].»);
});
}else{
var msj_error = «error: «+evt.type+» del elemento: «+(evt.srcElement || evt.target);
$.post(«enviarError.php»,{
msj:msj_error
}).done(function(data){
console.log(«Mensaje de error enviado a [Empresa de software].»);
});
}
}
|
En nuestro primer caso es si tenemos información detallada del error, si no se envía unicamente lo que tengamos. Construimos un mensaje de error y enviamos mediante post a un archivo php en nuestro servidor encargado de enviar el correo de alerta.
También podriamos mostrar los mensajes de que el desarrollador fue avisado mediante alertas como sweetalert o con notificaciones con javascript.
ENVIAR POR CORREO
Por último simplemente recibimos el mensaje de error y lo enviamos por correo:
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
|
<?php
if( isset($_POST[‘msj’]) ){
$msj = $_POST[«msj»];
$to = «soporte@tuempresadesoftware.com»;
$subject = «Error detectado en [nombre de tu sistema]»;
$txt = $msj;
$headers = «From: soporte@tusistema.com» . «\r\n» . «CC: otrocorreo@tusistema.com»;
mail($to,$subject,$txt,$headers);
}
?>
|
Por supuesto este ejemplo de enviar correos es bastante simple y mediocre pero es práctico para fines de este post.
Con esto ahora que tu sistema presente errores serás el primero en saberlo, bueno.. despues del usuario que lo ocasionó.
Te esperamos en los siguientes artículos en donde hablaremos mas acerca de estos temas, los cuales hoy en día son de vital importancia en el mundo de la tecnología.
