HTTP i API: Pobieranie danych z serwera

0:02Cześć!

0:03Witaj w lekcji, w której chciałbym powiedzieć Ci i wytłumaczyć trochę lepiej

0:06co dzieje się pod maską przeglądarki i jak działa internet.

0:10Tym, na czym opiera się cały internet jest

0:13protokół HTTP i o nim właśnie chciałbym porozmawiać.

0:17Być może robisz to automatycznie, ale

0:19prawdopodobnie w pasku adresu w przeglądarce wielokrotnie wpisywałeś http,

0:23czy bezpieczną wersje tego protokołu https,

0:27ogólnie nowoczesne przeglądarki już nawet tego nie wymagają.

0:30Wystarczy, że podamy adres strony internetowej np.

0:33httpbin.org

0:34i następnie zostanie dodany ten protokół automatycznie.

0:39Ale protokół zawsze musi tutaj być dlatego, że

0:41to on odpowiada za właściwą komunikację z serwerem, od którego otrzymujemy dane.

0:47Już tłumaczę Ci jak to wygląda. W momencie kiedy wciskasz enter wpisując jakiś adres

0:51w przeglądarce i wyświetlasz taką witrynę pod spodem do serwera pod

0:55konkretnym adresem IP, na który jest zamieniany ten adres,

0:58taki ludzki adres, który wpisałeś

1:01z tym serwerem

1:02nasza przeglądarka się komunikuje i wysyła do niego tak zwane zapytanie HTTP.

1:08Zapytanie jest wysyłane konkretną metodą,

1:11która umożliwia np. zwracanie przez serwer danych.

1:14Jest to wtedy metoda GET, więc my wpisując

1:17coś i wysyłając zapytanie w przeglądarce wysyłamy do serwera zapytanie GET i w

1:23odpowiedzi na to zapytanie serwer zwraca nam dane w tym przypadku w postaci HTML,

1:29który jest renderowany, wyświetlany wewnątrz przeglądarki.

1:33Chciałbym pokazać Ci jak działa ten mechanizm pod spodem i do tego skorzystamy

1:37z terminala na Macu czy z konsoli na Windowsie.

1:41Będziesz musiał doinstalować sobie do niej oprogramowanie.

1:43Znajdziesz je w linku.

1:45Będzie to telnet,

1:46możesz też skorzystać z URL, który pokażę później.

1:49Ogólnie telnet to kawałek oprogramowania, który pozwala na właśnie komunikację z

1:54pomocą tych różnych protokołów, w tym protokołu HTTP.

1:58My w ten sposób będziemy starali się teraz

2:00tekstowo z konsoli dostać do tej samej strony.

2:04Protokół, jak sama nazwa wskazuje możesz kojarzyć z protokołem dyplomatycznym.

2:08Rzeczywiście tak właśnie jest.

2:10To, że to jest protokół oznacza, że będzie

2:12wymagał zachowania pewnej określonej składni, określonych reguł,

2:16tak samo jak w dyplomacji ktoś wita się z kimś pierwszy, ktoś pierwszy siada.

2:20W tym przypadku, w przypadku komunikacji w

2:23ramach takiego protokołu będziemy też musieli zachować informację o tym, w jaki

2:27sposób rozmawiamy, w jakiej wersji rozmawiamy.

2:29Czyli oprócz tego, że będziemy musieli po

2:31pierwsze spotkać się, czyli będziemy musieli odwołać się do

2:36konkretnego adresu IP czy do konkretnego serwera,

2:39tak samo jakbyś spotykał się z kimś w kawiarni,

2:42trzeba po prostu powiedzieć, w której kawiarni się spotykamy.

2:45Poza tym drugą obligatoryjną składową jest

2:47to, abyśmy porozumiewali się w tym samym języku.

2:50Jeśli spotkasz się z kimś, kogo języka absolutnie nie rozumiesz w tej kawiarni

2:54niestety i tak między Wami nie dojdzie do jakiejś sensownej wymiany informacji.

2:59Dokładnie tak samo jest z protokołem HTTP.

3:01Najpierw będziemy musieli powiedzieć

3:02jednak z kim się chcemy połączyć i robimy to za pomocą polecenia telnet,

3:06czyli korzystamy z tego oprogramowania, a następnie wpisujemy adres httpbin.org

3:12i dodatkowo jeszcze tutaj po spacji podajemy port 80, czyli pukamy w

3:17zasadzie na tym serwerze do odpowiednich drzwi.

3:20I w tym momencie już połączyliśmy się z

3:22adresem IP, pod którym jest właśnie httpbin

3:25i teraz możemy już wykonać pierwsze zapytanie.

3:28To zapytanie wykonamy z pomocą metody GET,

3:30która pozwoli nam odebrać dane od serwera i zapytamy o całą stronę.

3:36Teraz to co podajemy tutaj po spacji to tzw.

3:38adres URI.

3:39Być może słyszałeś o adresach URL i można powiedzieć, że URI to ich

3:44składowa, natomiast URL i URI to nie jest to samo.

3:47Jeżeli mielibyśmy httpbin.org i np.

3:50tutaj jakiś katalog czy zasób najczęściej

3:52jest to katalog na serwerze, który nazywał by się xml

3:56to wtedy można powiedzieć, że ta końcówka to jest właśnie adres URI,

4:01natomiast cały ten adres razem z

4:03protokołem i nazwą domeny byłby to adres URL.

4:06Tym w zasadzie się to różni.

4:08Jeżeli chcielibyśmy dostać główną stronę,

4:10czyli cały ten zasób, to po prostu wpisujemy ukośnik bez niczego nie podając

4:14tutaj jakiegoś żadnego dodatkowego przyrostka.

4:17I teraz musimy jeszcze powiedzieć w jakim języku rozmawiamy. Więc będzie to HTTP

4:24jeszcze ukośnik łamane na odpowiednią wersję HTTP, czyli w naszym przypadku 1.1

4:29Teraz musimy podać jeden nagłówek i będzie to nagłówek Host.

4:34Podajemy go dlatego, że na tym konkretnym serwerze może być np.

4:38wiele różnych serwisów, wiele różnych

4:40stron i chcemy odwołać się konkretnie do tej strony httpbin.

4:44I teraz to co dostajemy tutaj

4:47to jest odpowiedź serwera i zauważ, że jest to, być może już to znasz, jest to

4:51kod HTML, czyli właśnie to co tutaj mamy w formie tekstowej

4:55to samo dostaje przeglądarka, przeglądarka będąc klientem, który potrafi odczytać i

5:02zinterpretować w pewien sposób kod HTML będzie mogła go

5:04wyświetlić już jako właściwe akapity, nagłówki również pokolorować itd.

5:09I to jest właśnie to, co zwrócił nam serwer, czyli cały kod HTML witryny,

5:14natomiast dodatkowo dostaliśmy od niego

5:16coś, czego normalnie w przeglądarce na różnych stronach nie widzisz.

5:20Są to tak zwane nagłówki i te nagłówki informują nas o różnych rzeczach, m.in. o

5:26tym, że nasze zapytanie się udało, czyli np.

5:29ten status, o którym jeszcze później pomówimy,

5:31informacje o tym, jakiego typu zostaje do nas

5:37dostarczona odpowiedź, czyli że jest to HTML, w jakim kodowaniu i np.

5:42ile danych zostało przesłanych to jest liczba w bajtach.

5:45W związku z tym te nagłówki to takie

5:47metadane zapytania, które zarówno my możemy wysłać do serwera jak i później

5:52serwer odpowiada nam wysyłając również określone nagłówki.

5:56W związku z tym można powiedzieć, że poprawnie skonstruowane zapytanie do

6:00serwera składa się po pierwsze z metody, którą chcemy np.

6:05odebrać dane, ale te metody będziemy o nich mówić,

6:08to mogą być też np.

6:09metody pozwalające na aktualizację danych czy skasowanie danych.

6:13Pierwsza rzecz to jest metoda.

6:15Później odwołujemy się do konkretnego zasobu, czyli podajemy tzw.

6:18URI i później mówimy o tym, jakie chcemy, jakim językiem rozmawiamy

6:23czyli podajemy tutaj akurat tą wersję protokołu.

6:26Następnie możemy do takiego zapytania dodać sobie różne rzeczy, np.

6:30nagłówki, gdzie ja

6:32dodałem tutaj jeden nagłówek, który wskazał mi określony host. Od serwera

6:36w odpowiedzi z kolei dostajemy informację

6:38również jakim językiem mówi, czyli że udało nam się porozumieć,

6:42kod statusu, o którym też porozmawiamy

6:45jeszcze w kolejnej lekcji, ale generalnie tutaj jest kod statusu, że wszystko się udało.

6:49Następnie informacje np.

6:50o tym, jakie treści zostały wysłane w nagłówkach czy jeszcze inne rzeczy.

6:55No i w końcu treść takiej odpowiedzi, czyli tak zwane body,

6:59gdzie jest przesyłana ta właściwa rzecz, o którą pytamy z pomocą naszego zapytania,

7:04czyli w tym przypadku akurat dokument HTML.

7:07Naturalnie serwer jest nam w stanie też odpowiedzieć innym typem dokumentu, np.

7:13JSON czy XML em.

7:15Gdybyśmy np zapytali o zasób, który znajduje się na XML i również jeśli się do HTTP 1.1

7:22wpiszmy szybko host a następnie httpbin.org i dwa entery, to dostajemy w tym momencie

7:31XML. W przeciwieństwie do HTML, XML nie jest składnią, która jest w

7:38przeglądarce wyświetlana w jakiś ładny sposób

7:41w związku z tym, gdybyśmy w przeglądarce

7:43wpisali to samo, zamiast fajnie sformatowanego dokumentu dostaniemy po

7:46prostu czysty XML. I dokładnie na tej zasadzie będzie to działać.

7:51Czyli wiesz już z czego składa się zapytanie i odpowiedź do serwera,

7:55wiesz także, że w tej komunikacji muszą brać udział dwie strony.

7:59Stronę, która wysyła zapytanie nazywamy

8:02klientem, czyli jesteśmy to my, a ściślej rzecz biorąc nasza przeglądarka, która

8:07np. wysyła zapytanie o konkretną witrynę internetową.

8:10A więc my jako klient wysyłamy zapytanie i

8:13serwer na to zapytanie w konkretny sposób nam odpowiada.

8:17Więc znasz już podstawy protokołu HTTP.

8:20Na koniec tej lekcji w terminalu uruchomimy sobie jeszcze jedno polecenie. Będzie to

8:24telnet, a następnie pójdziemy pod adres towel.blinkenlights.nl

8:33i wciśniemy Enter Return a to sprawi z kolei, że będziemy mogli

8:38teraz w terminalu tekstowo obejrzeć cały jeden czwarty odcinek Gwiezdnych Wojen.

8:44Zatem zapraszam Cię teraz do tego pasjonującego kawałka tekstowej

8:47kinematografii, a ja widzę się z Tobą w kolejnej lekcji.

8:49Do zobaczenia!