W porządku.
Więc zaczynajmy wdrażając naprawdę prostą aplikację.
Ponownie jest to po prostu będzie mieć dwie trasy do szablonów naprawdę bardzo proste.
Pierwszą rzeczą, którą chcesz zrobić, to po prostu zrobić tego wniosku.
Więc zrobię to bardzo szybko.
Zrobiłem nowy folder o nazwie wdrażania demo.
Pierwszą rzeczą, jaką zrobię to i NPM.
A ja po prostu się przejść przez większość z nich dość szybko.
J. S. jako mojego punktu wejścia.
W przeciwnym razie to wszystko, co musimy zrobić.
Następną rzeczą, że zrobię to NPM zainstalować Express to zrobić również EJ s kreska kreska zapisać i kreska kreska.
Zapisz się już teraz, kiedy mamy do wdrażania szczególnie ważne.
Chcemy, aby upewnić się, że nasz pakiet, który Jason iść do przodu i otworzyć się, że chcemy, aby upewnić się, że posiada wszystkie nasze zależnościami, ponieważ to, co się dzieje, mamy zamiar wysłać do naszego kodu i nasz pakiet, który Jason nad jej użyciem Roku uzyskać właściwie jest, jak robimy to mamy zamiar wysłać go do serwerów Heroku a następnie Heroku zamierza uruchomić NPM instalacji i zainstalować wszystko co w rzeczy pakietu Jason.
Więc w tym przypadku Ejay nas i wyrazić Więc jeśli brakuje nam czegoś, jeśli nie wyrazili w tym pakiecie, że Jason Heroku nie wiedziałby, aby go zainstalować.
Tak więc kluczem jest to, że nie jesteśmy w rzeczywistości wysłanie katalogu modułów węzeł skończona.
To nie przejść całą drogę do Roku, ponieważ nie ma żadnego powodu, aby to zrobić, że to punkt KMP zamiast wysyłać te gigantyczne pliki i całe katalogi cały moduł Express.
Wszystko, co zrobić, to wysłać pakiet, który Jason, który zawiera instrukcje lub przepis musimy ekspresowe potrzebujemy go.
Tak.
Sortowanie listy zakupów, a następnie Heroku pójdzie i pobierz wszystko.
Więc chcemy tylko upewnić, że wszystko jest tutaj.
W tym przypadku jest to bardzo krótki i prosty, ale kiedy dotrzemy do obozu Yelp chcemy zrobić dokładną kontrolę, aby upewnić się, że wszystko tam jest.
Jeśli nie zapomnieć o czymś to nie jest koniec świata.
Pokażę ci, jak to zrobić, będę świadomie złamać.
Kiedy kładziemy się do obozu, dzięki czemu można zobaczyć, jak to naprawić.
Dobrze więc następną rzeczą, chcę zrobić to uczynić moją aplikację J J. S. a następnie Jestem również zamiar zrobić rzutem na katalog.
A potem, gdy jestem tutaj zróbmy poglądy slash, a my po prostu zrobić w domu tata E.J ..
Tak.
A drugi zadzwoni ten temat EJ Tak.
Wspaniały.
Więc po prostu dwa widoki.
Będziemy wypełnić je z naprawdę prostych rzeczy.
Więc co mamy zamiar ponownie wdrożyć.
Jeden wniosek z dwóch tras dwa szablony, które są po prostu będzie ohydne.
Knowsley ocenić tylko absolutne minimum.
Ale można wziąć to i wiesz wdrożyć stronę portfelem lub wdrożyć witryny blogu czy cokolwiek innego czynicie, że nie wymaga backend Mongo.
Warto więc otworzyć tego i zacząć z ich aplikacją J nami i aż górze.
Pierwszą rzeczą, którą chcesz zrobić, to powiedzieć ekspresowych równości wymaga wyraźnej i wtedy zrobimy równa ekspresowe uruchomiony tej funkcji.
Chociaż jesteśmy tu powiemy na silnik widoku wstępie do eJay nas i wtedy wszystko, co powinno musimy teraz zrobić, to zadeklarować nasze liny.
Więc zacznijmy apt uzyskać tylko na stronie głównej lub trasę trasy, a my po prostu zrobić resztę render.
A my tylko to, co jest naszym domem redstart szablonu renderowanie domu ot tak zrobi to samo z wyjątkiem slosh temat i doprowadzi render.
Mniej więcej się zgadza.
Więc dwie trasy o dwóch różnych szablonów.
Teraz musimy wypełnić tych szablonów.
Więc zróbmy domu pierwszy i wypełnić to.
Więc mam zamiar tak zrobić stronę główną H-1 i możemy dodać kilka rzeczy później, ale niech po prostu zacząć z tym i zrobić to samo na temat H-1 o Paige.
W porządku.
Więc zaczniemy tam.
I ostatnia rzecz, że bardzo potrzebujemy, zanim zaczniemy nasz serwer jest nasz po wysłuchać na samym końcu.
W porządku, więc to jest nasz bardzo prosta aplikacja powinna być w całości przeglądu od dość wcześnie w części ekspresowe tego kursu.
Warto więc upewnić się, że wszystko działa.
Spróbuj uruchomić aplikacje węzłów.
Tak.
Nie umieścić wiadomość na zewnątrz.
Tak to działa po prostu nie wyglądają bardzo ładnie i naprawdę nie mówią nam, że to działa, ale jest on następnie chodźmy obejrzeć naszą aplikację.
Oop wygląda mamy mały problem ma domyślnego silnika została określona bez rozszerzenia został dostarczony.
Co mamy na początku.
Zobacz silnika.
I oczywiście, że zawiedli się.
To nie tak miało być myślnik ich silnika widok przestrzeni.
Dobrze.
Warto więc spróbować jeszcze raz.
Mam nadzieję, że niektórzy z was złapany, które mogą odświeżyć.
Można również szybkie To właśnie tutaj, aby otworzyć w przeglądarce.
Można zobaczyć tutaj mamy nasz wniosek, że możemy rzeczywiście pozbyć się tego wszystkiego.
No to jedziemy.
A jeśli pójdę obciąć o dostaję o stronie.
Więc są dwa bardzo proste okłady i to wszystko, co mamy zamiar zrobić.
Może dodamy w link.
Więc jeśli idziemy do domu dodajmy w tagu kotwicy A-Trak powinny być tylko ukośnik temat.
Przejdź do O stronie i wtedy będziemy umieścić ten tył lub kopiować, że w ciągu do O stronie i mają link do tak droga.
Idź do domu.
OK.
Warto więc sprawdzić, czy to działa.
Przejdź do strony O.
Idź do domu.
Wspaniały.
Mamy więc dwie trasy.
Nasza aplikacja jest wykonywana.
Niesamowite odpowiednia aplikacja.
Więc ja to zamknięty tutaj wierzyć.
No to jedziemy.
I następna rzecz, że zrobimy to rzeczywiście działa na wdrożenie tego.
Tak skończymy z samą aplikacją.
Znowu nie ekscytujące, ale jest to dokładnie ten sam pomysł, jeśli robisz piękny dobrze stylem aplikację lub super proste do trasy ekspresowej aplikacji.