¿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?
¿Necesitas hosting wordpress? WebEmpresa te ofrece un servicio super rápido, excelente soporte en español y certificado SSL gratuito:
WebEmpresaIncluso 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 remota indicandole 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:
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:
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:
<?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ó.
Si este post sobre como monitorear errores con Javascript de forma remota te fue de utilidad no olvides compartirlo en tus redes sociales o dejarnos un comentario abajo.
Hasta luego!