Cómo integrar Datadog con OpenReplay y ver los errores del backend junto a las grabaciones de sesión.

Ve a Datadog > Integrations > APIs y genera la API Key, o utiliza la que ya tengas.

En la misma página, haz clic en Application Keys y genera una nueva application key.

Pega tu API Key y tu Application Key de Datadog en el panel de OpenReplay, en ‘Preferences > Integration’.

Para vincular un evento de Datadog con la sesión de usuario grabada, hay que propagar un token único desde tu frontend hacia tu backend en cada solicitud que quieras rastrear. Esto se puede hacer mediante una cabecera HTTP personalizada. En el siguiente ejemplo, usamos la función fetch para enviar esa cabecera.

const headers = {
  Accept: 'application/json',
  'Content-Type': 'application/json',
};
if (tracker.getSessionToken()) { // or window.OpenReplay instead of tracker if you're using the snippet
  headers['X-OpenReplay-SessionToken'] = tracker.getSessionToken(); // Inject openReplaySessionToken
}
fetch('www.your-backend.com', {
  'GET',
  headers,
});

Para que OpenReplay pueda asociar una entrada de log de Datadog con la sesión de usuario grabada, hay que propagar un token único a cada error del backend que desees rastrear.

A continuación se muestra un ejemplo en Python usando Monkey Patching.

import sys
import traceback
#...
old_tb = traceback.print_exception
old_f = sys.stdout
old_e = sys.stderr
OPENREPLAY_SESSION_TOKEN = None

class F:
    def write(self, x):
        if OPENREPLAY_SESSION_TOKEN is not None and x != '\n':
            old_f.write(f"[openReplaySessionToken={OPENREPLAY_SESSION_TOKEN}] {x}")
        else:
            old_f.write(x)

    def flush(self):
        pass

def tb_print_exception(etype, value, tb, limit=None, file=None, chain=True):
    if OPENREPLAY_SESSION_TOKEN is not None:
        value = type(value)(f"[openReplaySessionToken={OPENREPLAY_SESSION_TOKEN}] " + str(value))
    old_tb(etype, value, tb, limit, file, chain)

traceback.print_exception = tb_print_exception

sys.stderr = F()

El nombre de la etiqueta openReplaySessionToken distingue entre mayúsculas y minúsculas.

Si encuentras algún problema, conéctate a nuestro Slack o visita nuestro Foro y obtén ayuda de nuestra comunidad.