OK, to wróci.
Więc ta lekcja jest, że jestem bardzo podekscytowany decyzji.
Mam nadzieję, że Ci się spodoba.
Mamy zamiar pisać nasz pierwszy wyrazić aplikację, zanim rzeczywiście robimy.
Chcę trwać 30 sekund.
To będzie bardzo krótka obiecuję.
Wystarczy przeglądu dwa ważne tematy, jak istniejąca aplikacja działa tak aplikację psa, że ​​już pokazane, a następnie podstaw cyklu HTP Żądanie odpowiedzi.
OK, zaczynajmy.
Mam zamiar zacząć od rozmowy o zapytaniach HTP i odpowiedzi.
Więc pamiętam, kiedy idę do U R l dot com jak Google i naciśnij Enter pytam na stronie internetowej mogę wysłać wniosek HDTV oraz że wniosek ma szczególny czasownika lub typ.
Czy to żądanie GET lub POST lub niektórych innych te, które nie mają tak naprawdę jeszcze nie widział.
I wtedy potencjalnie wysłać jakieś dane wraz z żądaniem a serwerem, który odbiera moją prośbę serwerowi, że jestem zainteresowanie Google ma jakiś kod, który decyduje, jaka strona wysłać mnie z powrotem.
Więc wysyła mi, że strony głównej Google lub może to wysyła mnie do strony logowania Google lub na stronie G-mail lub strona mówi Moje hasło jest nieprawidłowe, co to jest.
Serwer jest podejmowanie decyzji, co do odesłania.
A następnie reaguje z odpowiedzią.
Więc wysłać żądanie kodu po stronie serwera dane co pytam, a potem robi pewne rzeczy, a następnie wysłać opinię odpowiedź, która jest zasadniczo to, co mamy zamiar użyć Express do zrobienia.
Więc mam ten pies demo aplikacji, które można zapamiętać.
To bardzo, bardzo słaby.
Wystarczy prosta aplikacja, która ma bazę danych, którą mamy połączony a użytkownik może oglądać wszystkie psy w bazie danych.
Każdy pies ma tylko nazwę i rasa całkowicie bezużyteczne.
Ale to jest ładne i proste i myślę, że to dobra ilustracja tego, jak działa Express.
Mamy więc jakiś kod tutaj.
Rzeczy takie jak wymaganie Express i wymaga bazy danych.
Ale najważniejsze są te trzy kawałki, a te nazywane są okłady i będziemy pisać własne trasy i zaledwie kilka minut drogi lub kodu, które są odpowiedzialne za słuchanie i odbieranie te wnioski, że mówiłem o, a następnie zdecydować, co odesłać ,
Więc w tym przypadku mamy kod, który nasłuchuje na żądanie strony głównej po prostu ciąć to mamy jakiś kod, który jest słuchanie na zamówienie Pobierz ciąć psów i mamy jakiś inny kod, który jest słuchanie na żądanie post ukośnik stworzyć psy a następnie wewnątrz trasach mamy uruchomiony jakiś kod.
W tym przypadku mamy tylko rendering stronę główną.
Tak, że będzie reagować z treścią naszej strony głównej, który jest inny plik gdzieś indziej, w tym jeden.
Gdy ktoś pyta o ciął psów jako zamówienie Pobierz znajdziemy wszystkie psy a następnie renderować strony psów i wysłać wszystkie dane dla psów.
Wraz z tym.
A gdy ktoś tworzy psa jesteśmy wysłanie żądania POST do utworzenia psa.
Mamy zamiar dodać psa do bazy danych, a następnie przekierować je do strony psa, gdzie można zobaczyć wszystkie psy.
Więc nie zbyt onieśmielony składni i wszystkie inne kawałki będzie wprowadzenie tego jednego trochę w czasie.
Ale pierwszą rzeczą, że wszystko zaczyna się od jest ten pomysł trasy i szlaki są tylko fragmenty kodu, który zostanie uruchomiony jakiś inny kod w zależności od wniosku, który jest odbierany na naszym serwerze.
Tak więc, że prowadzi mnie do kolejnego punktu, który zaczyna naszym serwerze.
Więc musimy uruchomić plik który nazywa apt.
Tak węzeł apt.
Tak właśnie tak.
I to musi się udać.
W tym przypadku do portu 3000, który rzeczywiście będzie różna dla nas w chmurze 9.
Ale jeśli pójdę do portu 3000, a ja mam odświeżyć stronę główną, bo złożył wniosek ciąć i tam jest jakiś kod, który, kiedy złożyć wniosek ciąć wysyła mnie na stronie głównej.
To samo jeśli pójdę ciąć psów istnieje inny kawałek kodu, który nasłuchuje na życzenie jako żądanie GET ciąć Dugs i wysyła mi wszystkie psy z powrotem.
A potem wreszcie mogę sprawić nowego psa i uderzył złożyć i że wysyła żądanie POST ciąć stworzyć psa.
A ten kod jest nieprawidłowy.
W porządku.
Więc to wszystko, co chciałem przeglądu, zanim przejdziemy do pisania nasz własny kod.
Jeden duży wynos od tego wszystkiego, jeśli tylko zupełnie przespała niej jedną wielką wynos to szlaki szlaki są ważne.
Rasner jak słuchamy dla poszczególnych wniosków, a następnie uruchomić jakiś inny kod w zależności od żądań, które mamy.
OK, więc teraz nadszedł moment, że czekaliście.
Mam nadzieję, że czekałem na to.
Mamy zamiar iść dalej i stworzyć naszą pierwszą wyraźną aplikację więc mam zamiar wrócić do Cloud Nine i zamierzam zrobić nowy katalog.
Idę zadzwonić najpierw wyrazić aplikację i CD w to, a potem mam zamiar zrobić nowy plik app tak, a potem będziemy otwarcie, że się i zaczniemy po prostu ciągle zalogowaniu naszą wyraźną aplikację.
Pójdziemy tutaj i zapisz i niech po prostu uruchom go.
I dobrze nam się nasz dziennik konsoli.
Więc teraz, co musimy zrobić, to zainstalować Express i jeśli wrócę do doków Express, można zobaczyć po prostu uruchomić NPM instalacji ekspresowej, a ja nie wspomnieć w poprzednim filmie, że będziemy rozmawiać o przerywaną kreską zapisać w tym filmie i mamy zamiar utrzymać ją aż do samego końca.
To nie robi różnicy w ogóle funkcjonalności Express.
Więc mamy zamiar zostawić go dopiero później w filmie.
Dlatego chcemy, aby zainstalować Express i jeśli typ LS Oczywiście nie ma jeszcze węzeł katalogu modułów, ale jeśli robimy KMP zainstalować wyrazić wezmę chwilę.
Jest to zdecydowanie większe pobieranie od innych rzeczy, które mamy zainstalowane do tej pory.
Mam teraz bezpiecznym LS katalogu modułów stacji, czy też naprawdę odświeżyć moje drzewo plików.
Widać żadnych modułów mam ekspresowych i zamiast modułów węzła istnieje wiele katalogów.
Wiele plików, a to wszystko logiki cały kod, który sprawia, że ​​ramy nie mamy napisać Nas.
Będziemy więc zamknąć się z tym.
I kolejna rzecz, którą musimy zrobić jest oczywiście wymaga wyrażonej w naszej aplikacji tak zrobimy daleko.
Ekspresowe równości wymaga wyrażenia tak po prostu.
I to będzie następnie zaimportować wyraźnych modułu.
Ale w przeciwieństwie do wcześniejszych bibliotek lub pakiety widzieliśmy jak kot mi gdzie mówiliśmy var Cat me równa wymagają Kot mnie, a następnie używać go wszystko, co musiałem zrobić, to powiedzieć Kot mnie.
W tym przypadku kot mnie ma tylko jedną rzecz, że robi jedną prostą funkcję jak pukanie zapukać tylko żarty miał jedną funkcję, jak również.
Dobrze Express ma wiele, wiele różnych sposobów, więc nie można po prostu wykonanie wyraźnych jak ten.
Aby go użyć, choć będziemy je wykonuje i zapisanie go do zmiennej, które większość ludzi nazywa aplikację.
Więc var ekspresowej wynosi wymaga wyraźnej że właśnie zawiera całą zawartość tego katalogu ekspresowej, a następnie wykonujemy je i zapisać go do zmiennej o nazwie aplikacji, że wszystko co robimy z Express, będzie aplikacja kropka, a następnie niektóre metody, które wyrażają wyposażony.
Teraz, gdy mamy wyraźnej zainstalowany i zainicjowany to zawsze dobry pomysł, by upewnić się, że działa.
Więc spróbujmy uruchomione aplikacje węzłów.
Tak.
Nic nie powinno się zdarzyć, dopóki nie pojawia się błąd.
Oznacza to, że jesteśmy dobrze iść.
Teraz jedziemy do zdefiniowania naszej pierwszej trasy.
Mamy zamiar zrobić to bardzo prosta aplikacja.
Gdy idziesz do slash masz zamiar dostać się komunikat, że cześć.
A kiedy go ciąć na pożegnanie lub Zróbmy kupić dostaniesz komunikat, że do widzenia.
I wtedy też zrobić jeszcze jeden, który jest, gdy idziesz do slash psa otrzymasz komunikat, że meow.
Tak więc trzy różne trasy trzech różnych miejscach możemy złożyć wniosek do i możemy uzyskać trzy różne odpowiedzi w zależności od tego, gdzie się zwrócić.
Więc składnia do definiowania trasy wygląda następująco.
Zaczniemy od tego pierwszego.
Tamtejsi wysokie i piszemy aplikacja dot dostaje aplikację na zdobycie trwa dwa różne parametry.
Pierwszym z nich jest euro lub ścieżka, która jest łamane.
W tym przypadku, ponieważ staramy się zrobić drogę, gdy użytkownik wysyła żądanie get która jest, co się tutaj oznacza ujrzymy zdolnych do wiadomości później, a nawet aktualizacja przewodami i plaster i umieścić niektóre z pozostałych czasowników HTP.
Jednak dotarcie posty są najczęściej.
Więc apt się, gdy pojawi się na wnioski złożone ciąć która nazywana jest także ścieżka korzenia lub po prostu droga.
Następnie chcemy, aby uruchomić ten kod, który jest funkcją oddzwaniania i funkcja callback trwa dwa różne argumenty żądania i odpowiedzi.
Ponownie są to co chcemy, by nazwać całkowicie do nas.
Ale zobaczysz, to najczęściej i myślę, że w rzeczywistości na oficjalnych docs ekspresowych to co oni używać req w rez.
Niektórzy ludzie rzeczywiście wpisać to wszystko żądanie i odpowiedź, ale liczyć wzrost jest znacznie bardziej powszechne, aby zobaczyć tak liczyć Reds są rzeczywiście obiektów wewnątrz tego żądania funkcji jest obiektem, który zawiera wszystkie informacje na temat wniosku, który został złożony, który wywołał tę trasę i odpowiedzi będzie zawierać wszystkie informacje, o tym, co mamy zamiar odpowiedzieć.
Więc pokażę wam, że w trochę anuluje że log będzie zobaczyć, jak to wygląda.
Ale na początek będziemy pisać rez dot send.
Cześć.
I to jest właśnie sposób reaguje z pewnym tekstem, ale jeśli idziemy na stronie naszej aplikacji po służymy raz zaczęło wtedy oczekiwać, aby uzyskać tekst.
Cześć wydrukowany nam w przeglądarce nie będzie działać jeszcze chociaż.
Bo jeśli uruchomię tę notatkę aplikację tak nic się nie dzieje, bo brakuje jednej bardzo ważnej części kodu w Express.
My rzeczywiście trzeba napisać kod, aby poinformować go słuchać różnych wniosków, aby to zrobić.
EXPRESS daje nam metodę zwaną słuchać.
Więc wszystko w porządku.
Apt się słuchać, a potem musimy umieszczono port wysłuchać dalej i pokażę wam w moim przykładzie tutaj.
Byłem nasłuchuje na porcie trzy tysiące, ale dlatego, że jesteśmy w siódmym niebie mamy robić rzeczy trochę inaczej.
Musimy słuchać na proces, który nvi portów.
Więc cały ten kod będzie faktycznie po prostu wrócić jak numer 3000 oprócz tego, że zwraca liczbę Cloud Nine serwerze, który musimy wykorzystać.
Więc to jest zmienna.
To się nazywa zmienna i zmienna, że ​​pracujemy z nazywany jest portem.
Więc to zwróci numer, ale nie sztywno ten numer.
To pochodzące z siódmym niebie.
Jest jeszcze jedna informacja, która powinna mijamy, w którym jest procesem, który EMV IP.
I to jest linia, że ​​można po prostu skopiować i wkleić z aplikacji do aplikacji.
Będziemy go używać na dole każdej aplikacji, które wykonujemy z Express.
Więc jest to jeden z tych, którzy dopiero cookies linii tnących, które musimy wykorzystać.
Mówi express do słuchania na określonym porcie, że Cloud 9 chce i konkretnego adresu IP, który Cloud Nine oczekuje, że jak dobrze więc podsumować, że zainicjowany wyraźnej bezpieczeństwa na obszarze będziemy określonym pojedynczą trasą, kiedy złożyć wniosek dostać się do slash ,
Powinniśmy zobaczyć one odsyłane w odpowiedzi w naszej przeglądarce i po prostu zdefiniowania trasy nie wystarczy.
Następnie musimy poinformować aplikację do słuchania na określonym porcie adres IP.
A teraz musimy tylko uruchomić serwer aplikacji z węzłów, które będą uruchamiane całą zawartość pliku.
Zobaczysz nasze zmiany kursora.
Możemy faktycznie wpisać polecenia ponieważ już nasz serwer został uruchomiony.
Jest jeszcze jedna mała rzecz, jaką możemy zrobić, aby poprawić ten wynik.
Więc kiedy Control-C z tym i możemy przekazać w funkcji zwrotnej do APT słuchać, jak również.
A w środku stąd będziemy po prostu zrezygnować, że serwer dziennika rozpoczęła właśnie tak i zapisać teraz zamiar usunąć i ponownie uruchomić serwer i możemy uzyskać ten komunikat, że serwer rozpoczął właśnie tak, że jest jasne, co się dzieje z naszym konsulem teraz, aby odwiedzić tę stronę w przeciwieństwie do wersji lokalnej, że pokazał się wzniosłe i demo psów, gdzie udałem się do lokalnego hosta Colan 3000 Clubine faktycznie umieszczonych na stronie internetowej własną jesteś dobrze i może się okazać, że po kliknięciu na podgląd i kliknij Preview biegania aplikacja i że otworzy nową kartę.
A jeśli chcemy możemy po prostu użyć zakładki tutaj.
Wolę, aby skopiować rolę i otworzyć nową kartę i wklej, że tak, że może faktycznie wystarczy użyć go w przeglądarce, bez konieczności przechodzenia przez Cloud 9 jest fałszywy przeglądarka tak blisko z tym i zobaczysz, choć mojej roli to nazwa mojego obszaru roboczego internetowej dev którzy kreska obóz moja nazwa użytkownika Dot C-9 kropkę.
Więc co ty służąc w ten obszar roboczy, który w tej chwili jest to jeden plik apt.
Tak zamiast pierwszej wyraźnej aplikacji będzie w danym rzędzie, który jest dla ciebie za darmo automatycznie podczas tworzenia Cloud Nine roboczą i bardziej ekscytujące niż to.
Widzimy, że mamy wysokie tam.
To działa i składając wniosek do głównego serwera tylko slash.
I jestem na haju tam.
A jeśli spróbujemy zrobić coś innego jak to dostaniesz komunikat, że nie można dostać się, że jesteś będzie to droga, którą dodałem.
Warto więc dodać w innym teraz.
Dokładna sam wzór.
Zróbmy trasę kupuj.
Dlatego chcemy, aplikacja nie dostać ukośnik.
I wtedy nasza funkcja odpowiedzi na zapytanie właśnie tak.
A my wyślemy czerwone kropki i do widzenia tak po prostu i zapisz to.
Teraz, jeśli jedziemy do slash kupić i nacisnąć enter.
Zobaczysz, że to nadal nie działa.
A to dlatego, że musimy ponownie uruchomić serwer.
Więc za każdym razem możemy dokonać pewnych zmian trzeba ponownie uruchomić serwer.
Na razie mam zamiar pokazać wam narzędzie, które pomoże nam, abyśmy nie musieli stale uruchom go ponownie.
Ale teraz muszę zrobić węzła Abdulle J.S. ponownie zapisać lub odświeżyć ten czas, gdy idziemy przez ciąć.
I teraz dostać moją wiadomość do widzenia i jeśli pójdę do korzenia uzyskać wysokiej tam.
Więc zróbmy jeszcze teraz.
Wracajmy.
Więc apt get sloshed psa lub oddzwonić wniosków i odpowiedzi, a następnie zamiast tego będziemy reagować.
RAZ I meow.
Co ja sobie myślałem.
Dlaczego mówię meow.
Dobrze dobrze mam zamiar iść z nim.
Zdecydowanie powinien mieć kobietę, ale jeśli zacznę mój serwer znowu wznowiona Control-C, aby zamknąć i trafią strzałkę w górę, a ja uruchomić węzeł po JSC ponownie i wrócę tu odświeżyć.
A teraz idę do slash pies dostać mi się i mogę ciąć przez pożegnania brama i mogę ciąć nic i uzyskać wysoki tam.
Więc to wszystko robimy tego pierwszy wyrazić aplikację.
Zanim przejdziemy dalej.
Zamierzam otworzyć listonosza i przetestować naszą aplikację na zewnątrz.
Więc mamy zamiar złożyć zamówienie Pobierz i zrobimy to na trasie slash pies po prostu przetestować go i zamiast lokalnych hostów 3000 ukośnik psa musimy złożyć wniosek do tego psa jesteś Arel Slash.
Więc mam zamiar skopiować to i wrócić do listonosza i po prostu wkleić że jesteś Ellen.
I zanim zrobimy cokolwiek innego wiesz rozmiaru tego i rozmiar tego okna, jak również i możemy zamknąć lub skurczyć to na dół kawałek to będzie złożyć wniosek do tego Web Dev Bootcamp kreska nauczyć się Colt C9 tata-O slash psa oczywiście.
To również będzie pasował do własnego Cloud 9 liczyć.
I co mam zamiar zrobić, to zamiast mojego app psa Zamierzam dodać dziennik Dalt.
I to właśnie powie ktoś złożył wniosek ciąć psa, a my z zastrzeżeniem, że i ten blog konsola będzie pojawiać się na dole.
To nie będzie się pojawiać w przeglądarce wewnątrz konsoli debugowania JavaScript.
Przednia i con. Wydaje się w konsoli węzła tutaj zaczęliśmy uruchamiając aplikacje węzłów.
Tak.
Więc jeśli restart serwera i zacznę po prostu pokazując, jeśli przeniosę to tutaj i odśwież stronę pozwól mi odejść do innej strony i odświeżyć.
A teraz, jeśli pójdę ciąć psów lub pies oglądać tu mówi ktoś złożył wniosek do Slashdot.
Więc to tylko, aby pokazać, że ten kod jest uruchamiany jak najszybciej złożyć wniosek i to nie tylko wywołane przez naszą przeglądarkę, ale możemy również wywołać go za pomocą listonosza, który pokażę teraz.
Więc wszystko co musisz zrobić, to nacisnąć enter tutaj lub wysłać i mamy kolejny.
Ktoś złożył wniosek ciąć psa, ale również pełną listonosz ekranem.
Teraz spójrzmy na to, co zostało odesłane.
Więc ciało jest po prostu meow.
Nie wiem, co myślałem, że zrobię to teraz, ale mamy pewien tekst z powrotem meow i możemy zrobić to samo, przechodząc do właściwej ścieżce i wysłanie żądania i otrzymujemy wysokiej istnieje i możemy również zrobić slash przez.
I my również uzyskać to samo.
Więc to, aby pokazać, że te wnioski to nie ma znaczenia, jeżeli pochodzą one z czy to z poziomu przeglądarki.
Telefon z przeglądarki, jeśli jest to z terminala gdzieś coś podobnego Postman to nie ma znaczenia.
Nasz serwer jest po prostu słuchać za każdy wniosek, że jest prośba dostać się do trzech różnych trasach.
Pies przez a trasa trasa i kiedy robi się jeden z tych wniosków będzie następnie reagują z pewnym prostym tekstem.
W porządku.
Więc to wszystko, co chciałem zawrzeć w tym pierwszym wstępie wyrazić aplikację.
Wiem, że to naprawdę bardzo proste, nie wyniósł jeszcze wiele jako aplikacja, ale uwierzcie mi rozkaz, że mamy zamiar się jest bardzo celowe.
Zaczynamy od małych i mamy zamiar dodać jeszcze jeden kawałek na raz kilka następnych kawałków, które dodamy reagują z plikami poczty HQ.
Więc zamiast przeczytać, że przesłanie jest jeszcze jedna metoda, która użyjemy wysłać cały plik H.T. odesłać a my również przedstawić koncepcję zwaną zmienne Raut lub zmienne ścieżki.