Szeroka Perspektywa Full-Stack Web Developmentu: GraphQL i Fetch API

0:00Na ten moment wiemy już w jaki sposób

0:02wykorzystywać gra w połączeniu np z WG jest.

0:05Jednak chciałbym zwrócić uwagę na coś jeszcze.

0:08Mianowicie jeżeli podajemy

0:10zapytanie, które jest wysyłane w tym przypadku na adres naszego serwera to

0:15widzimy, że mamy tutaj do czynienia z zapytaniem POST, w przypadku którego pilot

0:19ustawiony jest na query gdzie przekazywany jest zapytanie wgl.

0:24Oraz ewentualnie przekazywane są zmienne,

0:26które umożliwiają dodatkowo modyfikację tego co zostanie zwrócone z serwera.

0:31To wszystko oznacza mniej więcej tyle, że jeżeli teraz przełączy się na drugą

0:35aplikację, którą przygotowałem w oparciu o Fetch API to zobaczymy, że faktycznie

0:40możemy połączyć się z serwerem SQL podając po prostu jego adres i wysyłając do niego

0:45zapytanie typu POST z obiektem YYY zawierającym właściwość query, no i

0:50ewentualnie właściwość Variable, która również jest niczym innym jak obiektem

0:55zawierającym dodatkowe zmienne do zapytania.

0:58Zatem jeżeli wkleję sobie tutaj zapytanie pochodzące z tej poprzedniej aplikacji, a

1:02następnie ustawimy sobie tutaj identyfikatory na np.

1:06tablicę z jednym elementem, to w odpowiedzi W tej sytuacji powinniśmy

1:10otrzymać wyłącznie jeden adres email pochodzący od pierwszego użytkownika.

1:15Albo bardziej tablicę z jednym użytkownikiem.

1:18I w tym momencie otrzymaliśmy dwóch

1:20użytkowników, bo oczywiście jest tutaj literówka.

1:22Chodzi o zmienną variable, a nie pojedynczą liczbę.

1:26W tym momencie rzeczywiście otrzymaliśmy

1:28tutaj już tylko jednego użytkownika, a to oznacza, że nasze zapytania działają.

1:33Proponuję jednak, abyśmy zatrzymali się nieco dłużej przy tworzeniu samych zapytań

1:37SQL, ponieważ pomyślałem, że dobrze będzie, jeżeli przejdziemy sobie

1:41przynajmniej przez możliwości jakie mamy do dyspozycji.

1:44Otóż w tym przypadku jesteśmy na stronie gra sql.

1:47Org słabiej gra sql.

1:49Mamy tutaj dostęp do przygotowanego API SQL, w przypadku którego możemy odczytywać

1:54informacje na temat filmów z serii Gwiezdnych Wojen.

1:58Pierwsze co rzuca się tutaj w oczy, to przede wszystkim dokumentacja, która jasno

2:02nam pokazuje jakie elementy możemy wykorzystać w naszym zapytaniu.

2:06I jest to pierwsza wskazówka, którą zawsze musisz brać pod uwagę.

2:10Mianowicie, jeżeli rozpoczynasz pracę z

2:12grafiką celem po stronie klienta, to przede wszystkim skorzystaj z dokumentacji

2:16i zobacz jakie opcje oraz właściwości są dostępne na konkretnych elementach.

2:21Poza tym wiesz już, że do zapytania SQL

2:24możesz przekazywać zmienne, które tak jak zobaczyliśmy przed chwilą przekazywane są

2:28po prostu jako dodatkowy obiekt wysyłany razem z zapytaniem.

2:32I teraz, gdy przyjrzymy się nieco bliżej zapytaniu, które tutaj napisałem, okazuje

2:36się, że jest tutaj kilka dodatkowych elementów.

2:40Pierwszym z nich jest fragment umożliwiający nam stworzenie niczego

2:44innego jak fragmentu zapytania SQL, które możemy wykorzystywać wiele razy.

2:49Po prostu wyobraź sobie sytuację, w której chcesz pobrać wiele razy np.

2:53informacje o filmach, ale z zastosowaniem różnych filtrów.

2:56W takiej sytuacji zamiast powtarzać się,

2:58które pola Cię będą tutaj interesowały, po prostu wykorzystujesz fragment, a

3:03następnie z pomocą trzech kropek odwołujesz się do niego.

3:06Naturalnie nic nie stoi na przeszkodzie, aby dopisać tutaj jakieś dodatkowe pola,

3:10które również zostaną pobrane razem z zapytaniem.

3:13Poza tym w tym konkretnym przypadku,

3:15pomimo tego, że odwołujemy się do filmów, tak naprawdę przekazujemy tutaj zmienną do

3:20naszego zapytania, którą wykorzystujemy do zawężenia wyników.

3:24Jeżeli tej zmiennej nie wykorzystaliśmy w

3:26naszym zapytaniu, no to w tym przypadku w związku z tym jak zaprojektowany jest

3:30serwer nie będziemy w stanie pobrać żadnych informacji.

3:33Ale jeżeli już wykonamy drugie zapytanie,

3:36które nie wymaga od nas podawania identyfikatora, no to od razu mamy tutaj

3:40informację na temat dwóch filmów, ponieważ dokładnie o taką liczbę prosiliśmy i poza

3:45tym poprosiliśmy również o informacje, które mogą posłużyć do obsługi nacji.

3:50I teraz zobacz, jak możemy w praktyce wykorzystać te wszystkie informacje.

3:54Przede wszystkim chciałbym dowiedzieć się, co oznacza kursor.

3:57Jeżeli jadę sobie na to pole, otrzymuję

4:00jego opis informujący mnie o roli tego kursora.

4:03I swoją drogą, jeżeli

4:05nie są Ci jeszcze znane, to jest to po prostu format animacji, a konkretnie

4:09właśnie takie generowane ciągi znaków, które można dołączyć do kolejnego

4:13zapytania, aby pobrać następną bądź poprzednią stronę.

4:16W naszym przypadku będzie nas interesowało pobranie kolejnej strony.

4:20W związku z tym interesuje nas end kluczowe.

4:23Taki kursor możemy przekazać do

4:24właściwości after, a następnie ponownie wykonać zapytanie.

4:28Zwróć uwagę na to, jak zmienią się nazwy tych filmów.

4:32No i faktycznie mamy tutaj kolejną porcję

4:34danych jednocześnie i jeżeli interesowały mnie np.

4:37dodatkowe pola w filmie, mógłbym zajrzeć ponownie do dokumentacji, aby dokładnie

4:43zapoznać się z tym, co jest dla mnie dostępne.

4:46No i tak w zasadzie jeżeli chodzi o

4:47pobieranie informacji z gra SQL to by było na tyle.

4:51Jedyne co musisz tutaj wiedzieć to po prostu w jaki sposób możesz przekazywać

4:54zmienne, a następnie też w jaki sposób budować zapytanie.

4:58Ale i tak jak widzisz z pomocą.

5:00Automatycznie wygenerowanej dokumentacji oraz takiego programu.

5:03Jest to niesamowicie intuicyjne.

5:06Musisz jednak wiedzieć, że to w jaki sposób korzystamy z serwera gra w call

5:10może być bardzo specyficzne dla konkretnego serwera.

5:13Działa to dokładnie tak, jak w przypadku REST API, gdzie po prostu od twórców

5:17danego API zależy to, w jaki sposób możemy wchodzić z nim w interakcje.

5:22I teraz przykładowo w przypadku gra SQL

5:24możemy też zastosować filtrowanie, gdzie razem z zapytaniem określamy to, w jaki

5:29sposób chcemy filtrować wyniki, bądź też je np.

5:32sortować. Te wszystkie możliwości oraz to, czy są

5:35dla Ciebie dostępne będzie zależało od implementacji serwera SQL.

5:40To samo ma zastosowanie do mutacji, czyli

5:43sformułowania danych propagowania, czyli pobierania poszczególnych stron czy np.

5:48samej autoryzacji połączenia z serwerem. Cool.

5:51Zatem myślę, że na ten moment jeżeli chodzi o obsługę zapytań gra SQL to tak

5:56naprawdę po stronie klienta masz minimum wiedzy, która pozwoli Ci ewentualnie

6:00zacząć w momencie gdy będziesz mieć z grafiką doczynienia.

6:04Zatem na ten moment to byłoby na tyle.

6:06W związku z tym zapraszam Cię do kolejnej lekcji.