Axios
minuta czytania
Axios to popularna biblioteka JavaScript, która umożliwia realizację zapytań HTTP z poziomu aplikacji Node.js. Została stworzona z myślą o ułatwieniu pracy z siecią, a jej głównym celem jest umożliwienie prostej i przejrzystej komunikacji między aplikacją a API.
Ostatnie oferty pracy
Axios jest to prosty klient HTTP, za pomocą którego tworzymy zapytania w przeglądarce oraz NodeJS. Jego elementem charakterystycznym jest wykorzystanie mechanizmu tzw. obietnic, czyli wykonywane zapytanie zwraca nam jego status w postaci reject albo resolve.
W praktyce zapytania do API wykorzystują składnie "then" oraz "catch".
import axios from "axios";
axios.get('/users')
.then(res => {
console.log(res.data);
});
Ciekawostki dotyczące działania Axios
Axios oprócz możliwości wysyłania zapytań typu Get oraz Post udostępnia też inne ciekawe mechanizmy, które ułatwiają składanie zapytań do API. Poniżej zdecydowałem się przedstawić listę od najważniejszych z nich do mniej ważnych.
Axios config
Pracując w projekcie mamy możliwość tworzenia wielu zindywidualizowanych konfigów Axiosa które następnie importujemy do kodu. Pozwala nam to stworzyć zapytania, które wykorzystują inny base_url albo sposób autoryzacji.
Axios interceptor
Axios interceptor daje nam możliwość wyłapania pewnych komunikatów czy zdarzeń, które zachodzą podczas wykonywania API i odpowiedniego zadziałania. Przykładowo dla każdego błędu z autoryzacją, gdy nasz token autoryzacji wygasł mamy możliwość odtworzenia tokena i ponownego wysłania zapytania bez świadomości tego zdarzenia przez użytkownika.
Axios i AbortController
Od wersji 0.22.0 Axios daje możliwość wykorzystania AbortControllera, a więc anulowania zapytania, które zostało utworzone. Daje to szereg możliwości w postaci anulowania długo trwającego zapytania podczas przechodzenia na inną podstronę aplikacji, albo gdy logika aplikacji tego wymaga.
Nasza oferta
Web development
Dowiedz się więcejMobile development
Dowiedz się więcejE-commerce
Dowiedz się więcejProjektowanie UX/UI
Dowiedz się więcejOutsourcing
Dowiedz się więcejPowiązane artykuły
Testy wielowariantowe jako klucz do optymalizacji doświadczenia użytkownika
27 mar 2024
Testy wielowariantowe to potężne narzędzie, które pozwala decydować o kierunku rozwoju naszej strony www czy aplikacji mobilnej na podstawie konkretnych danych. Pozwalają one na optymalizację doświadczeń użytkownika poprzez multum różnorodnych aspektów. Właściwe zrozumienie i zastosowanie tej metodologii może przynieść wymierne korzyści dla twojego biznesu.
Ghost Button w UI: Kiedy go używać? Zasady i Praktyki Projektowania
27 mar 2024
Ghost Button jest subtelnym, ale kluczowym elementem UI, który niesie ze sobą specyfikę zastosowania. Czym jest ten tajemniczy „przycisk widmo”, kiedy i jak go używać? W tym artykule przyjrzymy się zasadom projektowania oraz praktykom dotyczącym Ghost Button, byś mógł efektywnie wykorzystać jego potencjał w swoich projektach.
Wzorzec projektowy Bridge: Definicja, zasady działania i praktyczne zastosowanie
27 mar 2024
Bridge to jeden z kluczowych wzorców projektowych, który usprawnia proces tworzenia programów. W naszym artykule przyjrzymy się, jakie są podstawowe zasady działania tego patternu, jego definicji i jak jest stosowany w praktyce, aby lepiej zrozumieć jego istotę i przewagi.
Testcontainers: Co to jest i jakie są jego główne zalety w testowaniu oprogramowania?
26 mar 2024
Testcontainers rewolucjonizują testowanie oprogramowania, zapewniając narzędzia do elastycznego i efektywnego tworzenia testów. Jest to biblioteka, która umożliwia uruchamianie różnych testów za pomocą kontenerów Docker. Testcontainers służy m.in. do tworzenia izolowanych środowisk testowych, oferując wiele kluczowych korzyści. W tym artykule przyjrzymy się definicji, kluczowych korzyściach i praktycznym zastosowaniom Testcontainers.
gTLD: Co to jest i jak wpływa na funkcjonowanie Internetu
24 mar 2024
Internet to sieć pełna domen, adresów i nazw gTLD. Jeżeli zastanawiasz się, co znaczy ten skomplikowany skrót, odpowiedź jest prosta: gTLD to element składowy każdego adresu www. W niniejszym artykule demaskujemy tajemnicę tego zagadnienia, by każdy mógł zrozumieć, jak działa sieć internetowa.
Adaptive Web Design: Zalety i korzyści zastosowania
22 mar 2024
Adaptive Web Design, związany nierozerwalnie z epoką urządzeń mobilnych, stał się filarem sukcesu nowoczesnej strony internetowej. Jego podstawą jest tworzenie stron zorientowanych na użytkownika, które dostosowują się do różnorodnych urządzeń. W świecie, gdzie odwiedzający korzystają z rozmaitych platform, rola Adaptive Web Design rośnie lawinowo, przyspieszając, i jest kluczem do osiągnięcia wyróżniającej się i skutecznej obecności online
Zobacz wszystkie artykuły