Szeroka Perspektywa Full-Stack Web Developmentu: Payload po stronie serwera

0:00W tej lekcji przyjrzymy się temu, w jaki

0:02sposób obsługiwany jest pilot po stronie backendu.

0:05Do wykonywania zapytań wykorzystamy w tym przypadku narzędzie Insomnia, które jak

0:09wiesz stanowi alternatywę dla post mana i działa zasadniczo bardzo podobnie.

0:14Naszym pierwszym punktem będzie

0:16przesyłanie za pomocą metody post zwykłego tekstu.

0:19W związku z tym

0:20ustawiam na plain i wpisuję tutaj jakikolwiek tekst, który zostaje

0:24przesyłany na backend i zwrócony w formie obiektu Jameson.

0:27Jeżeli przyjrzymy się jak to wygląda po

0:29stronie backendu, to sytuacja jest o tyle ciekawa, że w pierwszej kolejności musimy

0:33utworzyć sobie endpoint, który będzie przechwytywać ciało zapytania, czyli body.

0:38W przypadku frameworka News, że jest wykorzystujemy tzw.

0:41dekorator, o którym również będziemy sobie jeszcze mówić.

0:44Ważne jest tylko to, aby było dla Ciebie

0:46jasne, że pod tą zmienną mamy dokładnie bailout naszego zapytania.

0:50Co więcej, jeżeli chodzi o sam numer, że jest i np.

0:53frameworki takie jak Expression czy obecne

0:55tutaj bardzo często istnieje potrzeba instalacji tak zwanego body parsera.

1:00Jest to specjalna paczka, która zajmuje

1:02się właśnie tym, aby z zapytania przesłanego na nasz serwer wyeksportować

1:06dane pochodzące z palladu i zrobić to w odpowiedniej formie.

1:11W przypadku MSG sytuacja jest o tyle prostsza, że body parser jest już w niego

1:15wbudowany, więc nie musimy robić niczego dodatkowego.

1:19Jednak dodatkowe kroki pojawiają się w

1:21momencie, gdy mamy do czynienia z przesyłaniem tekstu.

1:24Chodzi o to, że natywnie taka forma nie

1:26jest wspierana i pewnie dlatego tak rzadko zdarza mi się z niej korzystać i w związku

1:31z tym musimy tutaj zaimportować roboty z paczki o tej samej nazwie.

1:35Dobra wiadomość jest taka, że taka paczka jest już dostępna wewnątrz zależności

1:40zainstalowanych razem z method Jest, więc tylko ją importujemy, a następnie

1:44przekazujemy do niej cały obiekt naszego zapytania.

1:47W związku z tym tak naprawdę w tym momencie samo body nie jest nam tutaj

1:50dostępne ze względu na to, że pasujemy je sobie w odpowiedni sposób, a następnie

1:55zamieniamy na string i ucinamy w ten sposób.

1:58W momencie gdy wysyłając zapytanie zajrzymy sobie do konsoli naszego serwera,

2:03zobaczymy, że rzeczywiście został wyświetlone tutaj konsola zawierającej

2:07informację, którą przesłaliśmy razem z zapytaniem.

2:10Zatem struktura samego endpoint wygląda

2:13tak, że po prostu przechwytuje dane i w tym przypadku pasujemy je w odpowiedni

2:17sposób, a następnie zwracamy z pomocą obiektu.

2:21Message Jest jest tutaj o tyle ciekawe, że

2:23nie wymaga od nas tutaj ustawiania niczego dodatkowego ze względu na to, że jest w

2:27stanie samodzielnie określić zwracały właśnie obiekt Jameson.

2:31W przypadku pl url encoder sytuacja wygląda zdecydowanie prościej niż wyżej ze

2:37względu na to, że po prostu sięgamy tutaj po dekorator do body, a następnie z

2:41parametru body odczytujemy zawartość naszego zapytania.

2:45Zatem jeżeli wrócimy teraz do Insomniac i

2:47wykonamy zapytanie na ten adres, a następnie wybierzemy odpowiedni typ i

2:51ustawimy właściwości, no to też chyba nie będzie dla Ciebie

2:55zaskoczeniem, że dane zostaną przesłane w takiej oto formie.

2:59Zwrócić tutaj uwagę, że możemy dodatkowo oznaczyć, czy chcemy przesyłać tekst w

3:03formie pojedynczej linii, czy też wielu linii.

3:06W takiej sytuacji możemy przesłać tekst, który zawiera białe znaki i w ten sposób

3:11też odpowiednio może być zinterpretowany, przechowywany oraz zwracany do klienta.

3:16Myślę, że ukośnik to znak, który warto

3:18zapamiętać i w dalszej kolejności mamy formę data.

3:22I tutaj sytuacja jest o tyle bardziej

3:24złożona, że musimy wykorzystać dodatkowe dekorator o nazwie Form Data Request.

3:29Taki dekorator pobieramy sobie z Nest jest Form Data i dzięki temu jesteśmy w stanie

3:34odbierać tutaj pliki, które przesyłamy razem z zapytaniem.

3:38Ponownie więc skopiuję sobie ten endpoint, a następnie wrócimy do

3:41niego, gdzie musimy również zmienić typ naszego palladu na multiple i dzięki temu

3:47tutaj pojawią się dodatkowe opcje takie jak fill.

3:50Jeżeli teraz wybiorę sobie jakiś plik, no

3:52to jak się być może domyślasz otrzymaliśmy tutaj dość ciekawą odpowiedź.

3:57Mianowicie dzięki temu, że nasz plik

3:59został odpowiednio spasowany, mamy tutaj do czynienia z obiektem, które uwzględnia

4:03jego właściwą nazwę end, kodowanie, MIME type oraz tak zwany buffer, czyli nic

4:09innego jak samą zawartość pliku zakodowaną w formie tablicę.

4:13Coś takiego jesteśmy w stanie przykładowo

4:15przesłać do przeglądarki i w ten sposób przykładowo plik może zostać pobrany.

4:19Jednocześnie też po stronie backendu

4:21możemy wykorzystać różnego rodzaju biblioteki do tego, aby manipulować np.

4:26zdjęciami bądź też zawartością plików PDF.

4:29W rezultacie jedyne co musisz wiedzieć na temat przesyłania informacji właśnie w

4:33takiej formie jest fakt, że wykorzystanie tych dodatkowych dekoratorów czy też

4:37bardziej specjalnych funkcji middleware, które umożliwiają transformację zapytania.

4:41Jesteśmy w stanie wyciągać informacje o

4:43tym pliku, które umożliwią nam jego identyfikację, walidację oraz poprawne

4:49zapisanie na naszym dysku lub też ewentualnie przesyłanie dalej do klienta.

4:53Oczywiście jeżeli chodzi o techniki pracy

4:55z plikami jest ich zdecydowanie więcej i można temu poświęcić cały rozdział.

5:00Jednak najważniejsze jest to, aby na ten

5:02moment było dla Ciebie jasne, że do przesyłania plików wykorzystujemy pilot

5:06typu Multiple Form Data, a następnie po stronie serwera otrzymujemy tutaj

5:11spasowane informacje zawierające najważniejsze dane na temat pliku.

5:15Pamiętaj tylko o tym, że w momencie, gdy

5:18pliki trafiają do Twojej aplikacji, zanim umieścisz jej faktycznie na dysku, musisz

5:22je odpowiednio zrealizować i upewnić się na różne sposoby.

5:25Przykładowo o tym, że nie udają tego, czym faktycznie nie są.

5:29Co dokładnie mam na myśli?

5:30Myślę, że dowiesz się z kolejnych materiałów.

5:33Natomiast na ten moment ta informacja o

5:35zachowaniu bezpieczeństwa wydaje mi się, że jest wystarczająca.

5:39A tymczasem, jeżeli chodzi o nasz ostatni format, czyli po prostu format, czyli

5:43sytuacja jest tutaj bardzo prosta ze względu na to, że ponownie ustawiamy

5:47odpowiedni typ danych i jesteśmy w stanie przekazać tutaj czysty obiekt,

5:52który zostanie odebrany po stronie serwera i też zwrócony w odpowiedzi.

5:57Jak widzisz, w tym przypadku nie mieliśmy do czynienia np.

6:00z prasowaniem tego obiektu np.

6:02ciągu znaków, ponieważ message jest poprawnie o to zadbał.

6:06Jeżeli teraz w ramach podsumowania rzucisz tylko okiem jak łatwo jest przyjmować

6:11informacje z pomocą podglądu, a następnie zwracać je z powrotem do klienta, to

6:15zobaczysz, że naprawdę nie ma tutaj nic odkrywczego.

6:18Oczywiście sytuacja komplikuje się w

6:20momencie, gdy te informacje muszą zostać przetransportowane zapisane w bazie

6:24danych, bądź też nawet zapisane na dysku, a potem nawet zwracane do klienta.

6:29Do tego wszystkiego jednak będziemy sobie jeszcze wracać.

6:31Natomiast na ten moment myślę, że całkiem

6:33dobrym pomysłem jest to, abyśmy zakończyli tę lekcję i przeszli do kolejnych.

6:38Dzięki za uwagę i do usłyszenia za chwilę.