GraphQL: Konfigurowanie środowiska

0:00W pierwszej lekcji kursu, w której skonfigurujemy sobie środowisko serwera

0:04serwera, z którego korzystaliśmy już w pierwszym kursie.

0:08Będzie to aplikacja książek i to co

0:10widzisz na ekranie są to grafy dla książek, autorów komentarzy.

0:14Dokładnie z tego korzystaliśmy w pierwszym kursie, więc jeżeli jeszcze go nie

0:17widziałeś, to zachęcam Cię, abyś to zrobił, ponieważ wytłumaczyłem tam takie

0:21kwestie jak klarować dane, czyli generalnie rzecz biorąc podstawowe rzeczy,

0:26z których oczywiście będziemy również tutaj korzystać.

0:28Całą strukturę serwera również tutaj Ci zaprezentuję oraz opowiem o niej.

0:32Natomiast gdybyś był już po tym pierwszym

0:34kursie, to z pewnością miałbyś jasny obraz na to, co będziemy tutaj robić.

0:39Przejdźmy teraz do Worda, gdzie skonfigurujemy sobie cały nasz nowy

0:44serwer, czyli środowisko, na którym będziemy odpalać naszą aplikację książek.

0:48No więc na początku musimy zainicjować paczkę npm init.

0:55Te wszystkie opcje możemy pominąć.

0:57Nie są one dla nas istotne.

1:01I teraz nasz pakiet Jackson się utworzył

1:04i będziemy tutaj instalować odpowiednie paczki, których będziemy potrzebować.

1:08Na początku jednak skonfigurujemy komendę

1:10scripts do startowania naszego serwera, a więc dajmy komendę start.

1:16I będziemy tutaj odpalać za pomocą noda plik index.

1:20Musimy ten plik sobie teraz stworzyć.

1:22Więc dodajmy nowy plik.

1:24Będzie to plik index.

1:26Jest.

1:29I na początek może po prostu wrzućmy tutaj

1:31konsolę loga, aby zobaczyć, że nasz serwer działa.

1:37I teraz w konsoli musimy wykonać naszą komendę script czyli npm start.

1:43Jak widzisz nasz serwer działa.

1:45Jest tutaj konsola Hello World, więc możemy teraz przejść i

1:50zainstalować sobie kolejne rzeczy, których będziemy potrzebować do developmentu.

1:54Przede wszystkim będziemy potrzebować biblioteki, która pozwoli nam na

1:58podglądanie naszych zmian live bez potrzeby odpalania tego npm.

2:03Start za każdym razem.

2:05Aby to zrobić użyjemy biblioteki o nazwie Demon.

2:09Będzie ona po prostu nam młodsza na zmiany

2:11i ładować nasz serwer za każdym razem, kiedy zmienimy jakiś plik.

2:14A więc przejdźmy do kod i zróbmy npm install z flagą minus D.

2:21Będzie to oznaczało, że będzie to dostępne

2:23tylko i wyłącznie dla developmentu i wpiszmy na.

2:34Paczkę na odmianę mam już zainstalowaną.

2:36Chciałbym jeszcze teraz dodać kilka

2:38kolejnych paczek, abyśmy mogli tutaj używać syntax ES6.

2:43Będziemy chcieli dodać w takim razie Babel.

2:45A więc zróbmy jeszcze raz npm install.

2:48Również z flagą D.

2:50I tutaj zainstalujemy sobie Babel, kolor

2:53Babel, weselej Babel

2:58oraz dodatkowo zainstalujemy jeden preset, który pozwoli nam korzystać z tych

3:01wszystkich dobrodziejstw ES6 czyli Babel preset.

3:12Teraz aby działał poprawnie musimy tutaj dodać plik babel rc.

3:19I powiedzieć mu, którego albo których konfiguracji musi używać.

3:23Będziemy chcieli po prostu używać na razie presetów.

3:28Które dopiero co zainstalowaliśmy, a więc dodajemy tutaj preset.

3:31Będzie to tablica Babel preset and.

3:38Zapisujemy ten plik

3:41i teraz będziemy mogli odpalić nasz serwer i zobaczyć czy nasze zmiany się budują.

3:46Jeszcze raz przypominam odpalamy komendę start, a więc npm start.

3:52I na razie się nie

3:53budują, ponieważ musimy tak naprawdę tą komendę datować, a więc to już nie będzie

3:57nauka, to będzie odmianę, więc po prostu wpiszmy tam.

4:04I musimy mu powiedzieć, że musi wykonać dla nas, czyli zrobić exec Babel.

4:10No i będzie, to jest.

4:14Tutaj będzie flaga Exec.

4:16I teraz wykonajmy MPM start.

4:21No i się nam uruchomił.

4:22Mamy console log i również widzimy, że ten demon nasłuchuje na zmianę.

4:29Teraz jeżeli zrobię jakąś zmianę

4:32to automatycznie mamy również tutaj zalogowana.

4:36A więc mamy Riot i możemy teraz przejść do

4:38konfiguracji właściwego serwera, czyli do konfiguracji serwera Graph Query.

4:44My będziemy na przestrzeni całego kursu korzystać z gra Joga.

4:50Jest to serwer w połączeniu z różnych paczek, czyli np.

4:55Apollo serwera z subskrypcją Playground.

4:58Czyli mamy tutaj wszystkie rzeczy, które będą nam uprzyjemnić naszą naukę,

5:05więc zainstalujemy po prostu joga i za chwilę zgodnie z instrukcją, którą tutaj

5:09mamy o sobie tutaj ten serwer teraz atakujemy.

5:13A więc wyłączmy serwer, zróbmy npm install.

5:27Dobra i teraz możemy przejść do.

5:31I trzeba skopiować ten kod.

5:34I go tutaj wrzucić i możemy teraz używać tego importu ES6.

5:40Nie musimy tutaj używać require dlatego,

5:42że skonfigurowany całego tabela, a więc to możemy usunąć

5:46to, co oznaczają te wszystkie rzeczy jak type, def, resolve, res itd.

5:51Wytłumaczę Ci w kolejnej lekcji.

5:53Natomiast to co jest ważne to to, że tworzymy tutaj nową instancję serwera.

5:57Tutaj startujemy tą instancję i mówimy

6:00kiedy się wystartuje, że wystartował na porcie 4000.

6:044100 domyślny port na którym startuje joga.

6:08A więc zróbmy npm start.

6:16OK. Nie zapisałem pliku jeszcze raz.

6:19OK.

6:19I teraz mamy informację, że serwer wystartował na porcie 4000.

6:23Możemy przejść do przeglądarki.

6:27I tutaj uruchomić nasz Playground.

6:31Okej, mogę jeszcze troszeczkę powiększyć.

6:33No i mamy gotowe środowisko, a więc wszystko mam skonfigurowane.

6:36Jesteśmy gotowi do nauki.

6:37Także zapraszam Cię do kolejnej lekcji.