GraphQL: Konfiguracja serwera produkcyjnego

0:00W tej krótkiej lekcji pokażę Ci jak

0:02skonfigurować naszą aplikację, aby można było jej bezpiecznie używać na produkcji.

0:07W tym momencie kiedy odpalimy nasz serwer,

0:10czyli zrobimy npm start to nasza aplikacja jest dostępna na porcie

0:144000 i tak naprawdę każdy może tutaj wejść i sobie zobaczyć jak wygląda nasza schema,

0:22nasza dokumentacja, co nie jest do końca fajne.

0:26Nie chcielibyśmy tutaj ludziom tego pokazywać, więc kiedy będziemy uruchamiać

0:31nasz serwer na produkcję, czyli będziemy robić npm start na produkcji, musimy

0:34wskazać mu, że tak naprawdę nie chcemy, aby ten program był dostępny.

0:38Jeżeli zajrzymy do dokumentacji grafu

0:40Elliota, to tutaj w polu Playground możemy mu przekazać stringa.

0:45Czyli tak naprawdę na jakim adresie ma się

0:48odpalać nasz playground, albo możemy po prostu przekazać false.

0:52Czyli w momencie kiedy będziemy odpalać nasz npm start czyli nasz serwer na

0:57produkcji to będziemy chcieli przekazać false, aby temperament nie był dostępny.

1:02Wtedy będziemy bezpieczni jak ktoś nie będzie mógł zajrzeć do naszej.

1:06Natomiast w przeciwnym wypadku

1:08będziemy chcieli ustawić tę wartość, która jest domyślną wartością, czyli po prostu

1:12na domyślnym adresie będziemy tutaj uruchamiać grę.

1:16Czyli Wróćmy więc, przejdźmy do kodu

1:20i to, co ja proponuję zrobić, to dodanie zainstalowanie Dota 2.

1:26Wtedy będziemy mogli używać tutaj zmiennych środowiskowych.

1:30A więc dodajmy na początku plik.

1:34I tutaj stwórzmy może taką zmienną jak production.

1:40I ustawmy ją na Forex.

1:41To oczywiście nie będzie bulion, tylko to będzie string.

1:43Natomiast dla nas to nie jest problem.

1:45Zrobimy taką implementację, żeby wspierać stringa, bo lina

1:49i to co ja proponuję zrobić to zainstalować taką paczkę jak dotąd

1:54i jest to paczka, która będzie nam odczytywała wszystkie zmienne

1:59środowiskowe z pliku ELF w środku naszego jest.

2:04Czyli jeżeli zrobimy do FROM to ten.

2:10OK i teraz wykonajmy dostęp.

2:15OK.

2:17A w zasadzie wykonajmy ten

2:19config, ponieważ to jest metoda która z tej paczki zbierze cały config.

2:25To wtedy do naszych zmiennych środowiskowych, czyli do process end.

2:30Czyli do tego koszyka trafią również

2:32wszystkie rzeczy, które mamy w tym miejscu.

2:34Czyli tak naprawdę teraz będziemy mieć dostępną tą zmienną

2:39production i możemy to w zasadzie podglądnąć.

2:41Więc zróbmy tutaj może konsolowe.

2:46I wykonajmy start.

2:50Na około mamy jakiś błąd.

2:52Proces mamy tutaj, że jest nie zdefiniowany przez literówkę.

2:58OK i tutaj dostaliśmy tą wartość czyli false, czyli dokładnie to co

3:01zdefiniowaliśmy teraz na podstawie tej wartości, którą mamy w naszym.

3:06Proces ten

3:08możemy tutaj w opcjach naszego serwera dodać czy chcemy mieć projekt czy nie.

3:15Aby konfigurować opcje serwera musimy

3:17dodać jako pierwszy argument obiekt i to będzie właśnie nasz poprzez.

3:21I teraz tak jak widzisz ta opcję możesz tutaj konfigurować rozmaicie.

3:25Jest tutaj ich sporo, możesz konfigurować endpoint, port, tracking.

3:32Jest tutaj kilka rzeczy, natomiast nas

3:34interesuje ta opcja Playground i my tutaj dla opcji Playground.

3:40Będziemy chcieli powiedzieć.

3:423.

3:43Jeżeli to jest ustawione na false, to tak naprawdę chcemy zwrócić false.

3:51A jeżeli tutaj.

3:54A jeżeli nie czyli w przeciwnym wypadku to będziemy zwracać tą domyślną wartość,

4:00czyli będziemy chcieli uruchamiać Play na naszym gruncie.

4:04Będziemy musieli teraz jeszcze raz włączyć serwer.

4:07OK, teraz production jest ustawione na

4:09false, więc nasz serwer powinien działać poprawnie.

4:13Zobaczmy czy tak rzeczywiście jest.

4:14Odświeżamy. OK, nie jest.

4:17Nasz serwer nie działa poprawnie.

4:18Czyli w zasadzie jeżeli jest w Polsce to wtedy.

4:23Możemy wyświetlić Play, ale ponieważ

4:25mówimy, że produkcji nie ma, a jeżeli nie, to wtedy nie chcemy wyświetlić.

4:30Czyli tak to powinno wyglądać.

4:32A w zasadzie jeżeli byśmy chcieli, żeby było jeszcze lepiej, to tak naprawdę tylko

4:36i wyłącznie kiedy jest true, to wtedy nie wyświetlamy ekranu,

4:40a jeżeli nie to wyświetlamy i wtedy będziemy musieli ustawiać

4:45produkcję true w naszym pliku żeby wyłączyć.

4:51Czyli teraz kiedy ustawimy tutaj true to nasz program

4:55powinien być wyłączony, natomiast będziemy musieli odświeżyć serwer.

5:01OK, weźmy stronę.

5:03Jak widzisz nie jesteśmy w stanie łączyć

5:05brandu, czyli nikt nie jest w stanie się teraz tutaj do tego dobrać.

5:10A teraz zmieńmy na false czy w ogóle na jakąkolwiek inną wartość.

5:14Tylko wartość true będzie wyłączała playground.

5:17Czyli nawet jeżeli nie będziemy mieć tutaj

5:19tego zdefiniowanego jeszcze raz, jeżeli nie będziemy mieć tego

5:24zdefiniowanego, to również tutaj Wrong będzie działał, czyli na produkcji.

5:27Po prostu będziemy musieli na serwerze

5:28produkcyjnym dodać ten plik do tmp i zdefiniować tutaj taką wartość

5:33production na true aby wyłączyć playground i wtedy będziemy bezpieczni.

5:36Teraz Playground działa i to już wszystko w tej lekcji.

5:40Dziękuję Ci za uwagę.