Tenha visibilidade geral e detalhada dos erros nos seus aplicativos web. Com o OpenReplay, você pode solucionar problemas com contexto completo, resolvendo-os mais rapidamente.

1. Navegue até a visão de sessão > aba Errors
2. Use o Omnisearch: selecione o evento “Error Message” e informe a mensagem de erro específica.

1. Navegue até Console > Errors Tab
2. Abra o erro para ver os sourcemaps completos.
3. Clique em “Find all sessions with this error” para ver a lista de sessões em que o erro ocorreu.

1. Navegue até Cards > Add Card > Monitors
2. Selecione o card Table of Errors

O tracker do OpenReplay oferece suporte ao registro de três tipos de erros:

1. Exceções capturadas - Error
2. Promises rejeitadas - PromiseRejectionEvent
3. Eventos de erro (onError) - ErrorEvent

Todos esses tipos podem ser reportados com um único método:

tracker.handleError(error, metaObject); // metaObject is optional and is a flat object

Vamos ver exemplos de cada tipo de erro:

Por padrão, as exceções capturadas não são registradas na aba ‘Console’. Para reportar um erro, use o seguinte padrão:

try {
    // application code
} catch (err) {
    // application code that handles the error
    tracker.handleError(err, metaObject); // metaObject is optional and is a flat object
}

Se uma promise for rejeitada e precisar ser reportada ao OpenReplay, use esta abordagem:

function myFunc() {
    doSomeAsyncStuff()
        .then((result) => {
            // application code
        })
        .catch(promiseRejectionErr => {
            // application code to handle the error
            tracker.handleError(promiseRejectionErr, metaObject); // metaObject is optional and is a flat object
        });
}

Reporte erros disparados por eventos, como um elemento <img> que falha ao carregar:

<img id="myImg" src="image.gif">
<p id="demo"></p>

<script>
document.getElementById("myImg").addEventListener("error", myFunction);

function myFunction(errorEvent) {
    document.getElementById("demo").innerHTML = "The image could not be loaded.";
    tracker.handleError(errorEvent, { context: "demo" });
}
</script>

Se você tiver qualquer dúvida sobre este processo, fale com a gente no nosso Slack .