Перейти до основного вмісту

Типи подій

Rilog перехоплює та зберігає п'ять категорій подій. Чотири з них фіксуються автоматично, одна — вручну.

ТипТригерАвтоматично
REQUESTHTTP-запити через fetch або axiosТак
CLICKКліки на елементах <button> та <a>Так
CONSOLE_ERRORВиклики console.error()Так
CONSOLE_WARNВиклики console.warn()Так
DEBUG_MESSAGEРучний виклик rilog.logData()Ні

REQUEST (HTTP-запит)

Фіксується автоматично для кожного fetch-запиту. Для axios потрібне ручне підключення через rilog.interceptRequestAxios() та rilog.interceptResponseAxios().

ПолеОпис
methodHTTP метод (GET, POST, PUT, DELETE тощо)
urlПовний URL запиту
requestHeadersЗаголовки запиту (лише ті, що вказані в config.headers)
requestBodyТіло запиту
statusHTTP код статусу відповіді
responseBodyТіло відповіді
{
"type": "REQUEST",
"method": "POST",
"url": "https://api.myapp.com/users",
"requestBody": { "email": "user@example.com" },
"status": 201,
"responseBody": { "id": "usr_123" }
}

CLICK (Клік)

Фіксується автоматично при кліку на будь-який елемент <button> або <a>.

{
"type": "CLICK",
"target": "button",
"text": "Submit"
}

Вимкнути: config.disableClickInterceptor: true


CONSOLE_ERROR

Фіксується при кожному виклику console.error(). Оригінальний вивід у DevTools зберігається.

{
"type": "CONSOLE_ERROR",
"args": ["Something went wrong", { "code": 500 }]
}

CONSOLE_WARN

Фіксується при кожному виклику console.warn(). Оригінальний вивід у DevTools зберігається.

{
"type": "CONSOLE_WARN",
"args": ["Deprecated API used"]
}

Вимкнути обидва console-перехоплювачі: config.disableConsoleInterceptor: true


DEBUG_MESSAGE (кастомна подія)

Надсилається вручну через rilog.logData(). Використовується для логування довільних даних у потрібних місцях коду. Автоматично захоплює stack trace з місця виклику (потрібні source maps для читабельних посилань).

rilog.logData({ userId: 'usr_456', step: 'checkout' }, { label: 'purchase-flow' });
ПараметрТипОбов'язковоОпис
dataanyТакБудь-яке значення; об'єкти серіалізуються автоматично
labelstringТакМітка для фільтрації подій у дашборді
{
"type": "DEBUG_MESSAGE",
"label": "purchase-flow",
"data": { "userId": "usr_456", "step": "checkout" }
}