javascript

Czy wiesz, co to Beacon API?

9 sierpnia 2022

Beacon API pozwala na wysyłanie asynchronicznych, nieblokujących żądań. W odróżnieniu od XMLHttpRequest czy Fetch API, przeglądarka gwarantuje wykonanie żądań, nawet gdy użytkownik zamknie przeglądarkę. Idealnie nadaje się do wysyłania analityk czy logów z przeglądarki na serwer.

Jak wygląda API

API składa się z jednej metody:

navigator.sendBeacon(url, data?);

Beacon wysyła żądanie POST, w parametrze data można przekazać FormData, Blob, ArrayBuffer, ArrayBufferView albo URLSearchParams. SendBeacon zwraca true, jeżeli przeglądarka z sukcesem dodała żądanie do kolejki wysyłek. Odpowiedź na żadanie jest pomijana.

Przykład wysłania JSON jako Blob:

const blob = new Blob([JSON.stringify({wolna: 'ukraina'})], {type : 'application/json'})
navigator.sendBeacon('/api/log', blob);

Zobacz więcej:

Najnowsze wpisy