Co jest wyjaśnione dla początkujących interfejsów internetowych
W tym zapisie omówiono interfejsy API, interfejsy API po stronie klienta, interfejsy API przeglądarki i interfejsy API innych firm. Mamy również listę wspólnych interfejsów API przeglądarki i przykłady wykazania użycia interfejsów API przeglądarki w kodzie JavaScript. A więc zacznijmy!
Co to są API
Interfejsy API lub programowania aplikacji to struktury zawarte w większości języków programowania, co ułatwia programistom obsługę złożonych funkcji. Są one wykorzystywane do zastąpienia złożonego kodu prostszą składnią.
Zastanów się za podaż energii elektrycznej w swoim mieszkaniu lub domu. Jeśli chcesz użyć dowolnego urządzenia elektrycznego, podłączysz go do gniazda obecnego na ścianie. Jednak nie podłączysz jego przewodów bezpośrednio do źródła zasilania, ponieważ byłoby to nieefektywne i niebezpieczne, jeśli nie jesteś elektrykiem.
Podobnie, zamiast pisać kod niskiego poziomu, który ma bezpośrednią kontrolę nad procesorem GPU komputera innych funkcji graficznych, o wiele łatwiej jest użyć interfejsu API zapisanego w języku wyższego poziomu do programowania niektórych grafiki 3D.
API po stronie klienta w JavaScript
Kilka interfejsów API jest dostępnych dla klienta w JavaScript, a te interfejsy API nie są wbudowane w sam język JavaScript zamiast na nim. Możemy powiedzieć, że interfejsy API oferują supermocarstwa, które możesz wykorzystać w swoim kodzie JavaScript. API po stronie klienta są podzielone na dwie grupy: interfejsy API innych firm i interfejsy API przeglądarki.
API przeglądarki w JavaScript
Zbiór wbudowanych interfejsów API o nazwie API przeglądarki jest osadzony w nowoczesnych przeglądarkach w celu obsługi wykonywania złożonych operacji i wspierania dostępu do danych. Na przykład możesz użyć „Internet Audio API„Aby kontrolować dźwięk w przeglądarce, takie jak zmiana poziomu głośności i zastosowanie efektów na ścieżkę audio. Twoja przeglądarka wykona przetwarzanie audio w tle za pomocą języków programowania niższego poziomu, takich jak rdza lub c++.
API stron trzecich w JavaScript
Domyślnie interfejsy API innych firm nie są zawarte w przeglądarkach, więc będziesz musiał znaleźć ich kod i powiązane informacje z Internetu. Na przykład interfejs API na Twitterze pozwala wyświetlić najnowsze tweety, a także oferuje unikalny zestaw konstrukcji do zapytania o usługi na Twitterze i pobieranie konkretnych danych.
Przykład: Korzystanie z interfejsów API przeglądarki w JavaScript
W naszym programie JavaScript użyjemy „Geolokalizację„API przeglądarki do uzyskania długości geograficznej i szerokości lokalizacji przeglądarki:
API przeglądarki geolokalizacji w JavaScript
Kliknij następujący przycisk, aby wyświetlić współrzędne wartości.
Lista wspólnych interfejsów API przeglądarki
Teraz sprawdź poniższą listę niektórych wspólnych interfejsów API przeglądarki:
- DOM API: API modelu obiektu dokumentu jest wykorzystywane do manipulowania dokumentami.
- Xmlhttprequest I Pobierać interfejsy API: Oba te interfejsy API są wykorzystywane do pobierania danych z serwera.
- Webgl I API na płótnie: Te interfejsy API przeglądarki są wykorzystywane do manipulowania i rysowania grafiki.
- HtmlMediaelement, WEBRTC, I API Audio Web: Te interfejsy API przeglądarek są wykorzystywane do tworzenia niestandardowych interfejsów użytkownika dla audios i filmów.
- API pamięci internetowej: Interfejs API pamięci internetowej jest wykorzystywany do przechowywania i pobierania danych w przeglądarce.
Wniosek
Interfejs API internetowy jest zdefiniowany jako internetowy interfejs programowania aplikacji, do którego można uzyskać dostęp za pomocą protokołu HTTP. Interfejsy API internetowe mogą rozszerzyć możliwości przeglądarki i znacznie uprościć złożone funkcje, co ułatwia złożone kody do zrozumienia. Ten zapis omówiono interfejsy API, interfejsy API po stronie klienta, interfejsy API przeglądarki i interfejsy API innych firm. Podaliśmy także listę wspólnych interfejsów API przeglądarki i przykłady wykazania użycia interfejsów API przeglądarki w kodzie JavaScript.