Ottieni una visibilità sia generale sia di dettaglio sugli errori nelle tue applicazioni web. Con OpenReplay puoi risolvere i problemi con il contesto completo, accelerando la risoluzione.

1. Vai alla vista della sessione > scheda Errors
2. Usa Omnisearch: seleziona l’evento “Error Message” e inserisci il messaggio di errore specifico.

1. Vai su Console > Errors Tab
2. Apri l’errore per visualizzare le source map complete.
3. Fai clic su “Find all sessions with this error” per vedere l’elenco delle sessioni in cui si è verificato l’errore.

1. Vai su Cards > Add Card > Monitors
2. Seleziona la card Table of Errors

Il tracker di OpenReplay supporta la registrazione di tre tipi di errori:

1. Eccezioni intercettate - Error
2. Promise rifiutate - PromiseRejectionEvent
3. Eventi di errore (onError) - ErrorEvent

Tutti questi possono essere segnalati con un unico metodo:

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

Vediamo degli esempi per ciascun tipo di errore:

Per impostazione predefinita, le eccezioni intercettate non vengono registrate nella scheda ‘Console’. Per segnalare un errore, usa il pattern seguente:

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

Se una promise viene rifiutata e deve essere segnalata a OpenReplay, usa questo approccio:

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
        });
}

Segnala gli errori generati da eventi, ad esempio un elemento <img> che non riesce a caricarsi:

<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 hai domande su questo processo, non esitare a contattarci su Slack .