- API, JavaScript, Obsługa błędów, Sieć / Networking, Use Cases
- 9 miesięcy ago
- API error, błędy sieciowe, exponential backoff, fetch, JavaScript API, localStorage, obsługa offline, offline storage
JavaScript API – jak obsłużyć błędy sieciowe
Podczas pracy nad aplikacją webową odkryliśmy, że niestabilne połączenie sieciowe powodowało utratę danych – requesty wykonywane przez fetch() w JavaScript znikały bez śladu, a formularze nie zapisywały się. Brak retry oznaczał frustrację użytkowników i luki w bazie. Rozwiązaniem było wdrożenie mechanizmu ponawiania zapytań z exponential backoff, dzięki czemu aplikacja próbowała ponownie po 1s, 2s, 4s itd., aż do skutku. Dodatkowo wprowadziliśmy obsługę trybu offline: dane zapisywały się w localStorage i synchronizowały automatycznie po odzyskaniu internetu. Dzięki temu odsetek utraconych requestów spadł z ~7% do poniżej 0,5%, a użytkownicy zyskali pewność, że nawet przy chwilowych problemach z siecią ich dane są bezpieczne. Efekt to płynniejsze UX, stabilniejsze API i mniejsze obciążenie supportu.
Czytaj więcej- admin
-
019786
