GraphQL: Konfiguracja Subskrypcji

0:00Dziś zajmiemy się subskrypcją,

0:02czyli pokażę Ci jak stworzyć Realtime App i jak subskrybować się na jakiś zbiór

0:08danych i dostawać w czasie rzeczywistym informację, że coś się zmieniło.

0:12Generalnie będziemy korzystać z biblioteki

0:15grafu subskrypcji, która już jest zawarta w grafiku Elliot, a to jest to, o czym Ci

0:19mówiłem, więc możemy się po prostu do tego podpiąć.

0:25Grafiku subskrypcji pozwala nam na stworzenie suba, czyli

0:29kanału, na którym będziemy wysyłać dane i je odbierać.

0:34Natomiast na początku chciałbym Ci

0:35powiedzieć czym to się różni jeżeli chodzi o mutację i o query.

0:41Tak naprawdę nie ma tu wiele różnic.

0:42Jeżeli chodzi o SQL to opiszemy to w ten sam sposób co mutacje i query.

0:48Natomiast jeżeli chodzi o Revolver piszemy

0:50to w bardzo podobny sposób, czyli piszemy subskrypcję.

0:53Tutaj piszemy naszą subskrypcję, tyle tylko, że tutaj nie zwracamy funkcji

0:58tak jak to robiliśmy wcześniej, tylko obiekt z metodą subscribe

1:02i ta metoda subscribe będzie musiała zwrócić mieć przypisaną funkcję,

1:07która będzie zwracała iterator i ten async iterator będzie wysyłał jakieś

1:13dane na zasubskrybować się do odpowiedniego klucza.

1:17Czyli jeżeli stworzymy subskrypcję z

1:19kluczem Saving change topik, to również później publikując dane musimy na ten

1:25klucz publikować dane i tutaj będzie nasz pilot.

1:28Być może na razie nie jest to dla Ciebie

1:29jasne, natomiast za chwilkę mam nadzieję, że wszystko Ci się rozjaśni.

1:32Jak dodamy w kodzie subskrypcję jaką

1:34chcemy stworzyć to subskrypcja na dodanie komentarza.

1:38Czyli jeżeli ktoś doda jakiś nowy

1:40komentarz, będziemy chcieli natychmiast o tym wiedzieć.

1:43Możesz sobie wyobrazić, że to jest taki czas, kiedy jesteś np.

1:46na stronie książki,

1:47ktoś dodaje komentarze i chciałbyś, żeby od razu Ci te komentarze odświeżają, a nie

1:51żebyś musiał odświeżyć stronę, żeby zobaczyć jakieś nowe wpisy.

1:56No więc jesteśmy teraz wszystkimi i dodajmy tutaj nowy typ.

2:02I teraz będziemy chcieli dodać subskrypcję

2:06On Comment Red i ta subskrypcja będzie nam zwracała po prostu komentarz.

2:14Także w porządku.

2:16Tak by mogła ta subskrypcja wyglądać.

2:18Jak widzisz, to się niczym nie różni

2:21i będziemy dokładnie to samo robić co mamy w dokumentacji, czyli na dla naszego.

2:26Zawiera on komentarze Tutaj dodamy

2:30subskrypcję On Comment subscribe i będziemy tutaj odpowiedni klucz wysyłać.

2:35Natomiast zanim to zrobimy musimy mieć tego skonfigurowanego.

2:39A więc importujemy sobie.

2:41W naszym pliku index jest.

2:47Zróbmy tutaj import Passat i tak tutaj

2:55mówi nam, żebyśmy z tego modułu zaimportować tego Passata.

3:01Natomiast tak naprawdę możemy to zrobić i zaimportować z jogi,

3:07ponieważ tak jak mówiłem, joga zawiera w sobie cały moduł grafiku.

3:14I teraz zejdźmy troszeczkę na dół

3:16i tuż przed inicjalizacja naszego serwera stwórzmy nową instancję.

3:21A więc mamy tutaj nową instancję.

3:24I to jest cały kanał, przez który będziemy się komunikować.

3:27Więc to jest trochę jak baza danych.

3:29Będziemy chcieli mieć jeden kanał, więc również możemy go dodać do kontekstu.

3:36I teraz, kiedy będziemy wykonywać naszą subskrypcję jakąś część, np.

3:41będziemy publikować dane, to możemy sobie wyciągnąć z kontekstu i go użyć.

3:45Więc fajnie mamy to już skonfigurowane,

3:48mamy dostępnego, więc mamy na czym działać.

3:51Wcześniej stworzyliśmy sobie już typ

3:53subskrypcji ON komentarze i musimy teraz jedynie tutaj dodać

3:58nasz nowy recorder i to niech będzie z subskrypcji Recorder.

4:08James Chris Alvarez.

4:11Dobra, zróbmy eksport.

4:17Przy tej wersji.

4:23Komend AT.

4:26Tak jak pokazywałem Ci w dokumentacji

4:28tutaj mamy obiekt, ale ten obiekt zwraca funkcję subscribe.

4:37I ta funkcja będzie nam zwracała async iterator.

4:41Czyli tutaj. Żeby zwrócić ten iterator, musimy mieć

4:46dostęp do Papie a, ponieważ ma w sobie iterator.

4:51No i oczywiście te metody w tym miejscu są

4:53takie same jak dla innych typów, czyli dla mutacji i query.

4:56Tutaj byłyby argumenty, tam na początku byłby parent, a tutaj może być baza danych

5:01lub może być właśnie, którego przed chwilą dodaliśmy.

5:06Super.

5:07I teraz zróbmy tutaj sobie absynt.

5:12Iterator i tutaj musimy podać klucza

5:16klucz, pod którym będziemy się subskrybować.

5:18Tutaj wewnętrznie w tym kanale, czyli my możemy powiedzieć, że to będzie komend AT.

5:25I to jest ważne, żeby zidentyfikować ten klucz, ponieważ jeżeli ktoś się tutaj za

5:29subskrybuje wykona tę metodę, to za subskrybuję się do tego identyfikatora.

5:34I my teraz publikując nasze akcje również musimy publikować je na ten identyfikator.

5:38W porządku, więc mamy subskrypcję gotową i możemy przejść do.

5:47Dodajemy tutaj nowy typ subskrypcji.

5:51I mamy moment reset i możemy na przykład zobaczyć kontent nowego komentarza.

5:56OK.

5:58Owszem, film ma stricte na fabule.

6:00Zobaczmy co się dzieje, przejdźmy do skupienia.

6:04Tutaj tak naprawdę zwracamy na iterator natomiast tego, co mi się wydaje, po

6:09prostu nie dodaliśmy tego rewolweru do definicji naszych rewolwerów.

6:15I właśnie przy okazji od razu

6:18możesz zobaczyć, że czy query Station czy subskrypcji to nie ma znaczenia.

6:25My po prostu możemy w taki sposób to sobie tutaj podpiąć.

6:28Czyli jest to ta sama analogia.

6:31No i musimy jeszcze sobie zaimportować ten pliczek tutaj, czyli subskrypcje,

6:37subskrypcje, Elizabeth from Source i Servers.

6:44Skrypt.

6:47Ale nie rób.

6:50Tylko po prostu z subskrypcji Razor Wars.

6:55Dobra, zobaczmy czy działa OK. Działa.

6:59Więc wróćmy do programu. No i ok.

7:03I teraz widzisz, że że nasłuchuje aż coś wyśle jakieś dane.

7:08Natomiast tak naprawdę na razie nie ma co wysyłać tych danych, ponieważ nigdzie nie

7:11zaimplementowali Publisher, więc musimy gdzieś jakiegoś Publisher

7:16sobie uruchomić, więc może na razie nie nasłuchuje na te dane.

7:19Wróćmy do kodu.

7:21Albo może jeszcze wróćmy do dokumentacji.

7:26I tutaj w tej dokumentacji mamy

7:27informację, że musimy wykonać publish nasz klucz oraz bailout Bailout.

7:33To będzie dokładnie ten komentarz, który właśnie dodaliśmy.

7:36Czyli zróbmy sobie Papa publish,

7:39czyli wejdźmy do uda i będziemy chcieli to publikować w

7:44momencie jak się jakiś komentarz pojawi, czyli na tej metodzie.

7:48I tutaj możemy oczywiście pobrać sobie

7:50teraz jak pamiętasz i możemy tę metodę po prostu w apce Publish.

7:59Wykonać.

8:00Możemy to zrobić przed dodaniem do bazy

8:02danych, żebyśmy mieli pewność, że już jest coś w bazie danych, kiedy to publikujemy.

8:06Dobra, i teraz musimy tutaj podać klucz.

8:09Czyli to będzie comment Adept.

8:13I pilot i pilot będzie komend AT.

8:17I to będzie ten nasz nowy.

8:20Komentarz, czyli new.

8:25Dobra, tak to wygląda.

8:28Możemy to zapisać.

8:31Wróćmy do Play.

8:35No więc dodajmy tutaj sobie mutację.

8:40Ad koment.

8:44OK.

8:46I tutaj jak pamiętasz musimy podać komend input.

8:51Będziemy tutaj potrzebować booka id.

8:54Może po prostu wejdziemy do bazy danych i sobie jakieś book ID.

8:57Weźmy.

9:01Musimy podać kontent.

9:06OK.

9:08I musimy podpowiedzieć jakie pola chcemy dostać.

9:12Niech to będzie po prostu ID.

9:14Dobra, i teraz zanim wykonam tą mutację

9:17przejdźmy tutaj do tej subskrypcji i po prostu zacznijmy nasłuchiwać.

9:21Teraz poszukujemy, więc wykonajmy tutaj tą mutację.

9:26Komentarz nam się dodał a ID Zobaczmy co my tutaj dostaliśmy.

9:30Dostaliśmy on komenda NULL.

9:32Zobaczmy dlaczego.

9:35Przejdźmy do.

9:38Zróbmy tutaj on komendę, ale w zasadzie ponieważ to pole, które stworzyliśmy w

9:44Scheme, czyli tutaj w naszym indeksie to jest on komenda det, a nie komenda.

9:49Więc musimy wypełnić ten bailout z tym polem.

9:54Dobra, ok, teraz jeszcze raz się za subskrybuje.

10:00I dodajmy dwa.

10:04Na tej dodał się komentarz.

10:06Zobaczmy, co mamy tutaj.

10:11OK.

10:11No i mamy teraz 4 sekundy temu dostaliśmy Echelon 2, czyli

10:17nasze nasłuchiwanie działa, dostajemy komentarze.

10:19Natomiast to jest dalej nie ten case, który chcieliśmy, ponieważ chcielibyśmy

10:25nasłuchiwać tylko i wyłącznie na komentarze dla danej książki.

10:30Czyli jeżeli jesteśmy na jakiejś stronie

10:33książki, to chcemy dostawać tylko te komentarze, a niekoniecznie wszystkie.

10:36A teraz byśmy dostawali wszystkie.

10:38Więc w następnej lekcji pokażę Ci jak takie komentarze przefiltrować i jak

10:43subskrybować tylko i wyłącznie do komentarzy dla konkretnej książki.