1
00:00:00,510 --> 00:00:00,920
W porządku.

2
00:00:00,930 --> 00:00:04,560
Więc zaczynajmy wdrażając naprawdę prostą aplikację.

3
00:00:04,560 --> 00:00:09,770
Ponownie jest to po prostu będzie mieć dwie trasy do szablonów naprawdę bardzo proste.

4
00:00:09,900 --> 00:00:12,710
Pierwszą rzeczą, którą chcesz zrobić, to po prostu zrobić tego wniosku.

5
00:00:12,990 --> 00:00:14,790
Więc zrobię to bardzo szybko.

6
00:00:14,790 --> 00:00:17,770
Zrobiłem nowy folder o nazwie wdrażania demo.

7
00:00:18,060 --> 00:00:21,670
Pierwszą rzeczą, jaką zrobię to i NPM.

8
00:00:22,740 --> 00:00:27,410
A ja po prostu się przejść przez większość z nich dość szybko.

9
00:00:27,570 --> 00:00:30,540
J. S. jako mojego punktu wejścia.

10
00:00:31,460 --> 00:00:34,980
W przeciwnym razie to wszystko, co musimy zrobić.

11
00:00:34,980 --> 00:00:47,210
Następną rzeczą, że zrobię to NPM zainstalować Express to zrobić również EJ s kreska kreska zapisać i kreska kreska.

12
00:00:47,220 --> 00:00:51,280
Zapisz się już teraz, kiedy mamy do wdrażania szczególnie ważne.

13
00:00:51,390 --> 00:01:19,610
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.

14
00:01:19,620 --> 00:01:28,660
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ć.

15
00:01:28,950 --> 00:01:35,670
Tak więc kluczem jest to, że nie jesteśmy w rzeczywistości wysłanie katalogu modułów węzeł skończona.

16
00:01:35,670 --> 00:01:47,470
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.

17
00:01:47,580 --> 00:01:53,370
Wszystko, co zrobić, to wysłać pakiet, który Jason, który zawiera instrukcje lub przepis musimy ekspresowe potrzebujemy go.

18
00:01:53,370 --> 00:01:53,860
Tak.

19
00:01:53,910 --> 00:01:57,990
Sortowanie listy zakupów, a następnie Heroku pójdzie i pobierz wszystko.

20
00:01:58,020 --> 00:02:00,230
Więc chcemy tylko upewnić, że wszystko jest tutaj.

21
00:02:00,510 --> 00:02:07,170
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.

22
00:02:07,260 --> 00:02:10,220
Jeśli nie zapomnieć o czymś to nie jest koniec świata.

23
00:02:10,260 --> 00:02:13,040
Pokażę ci, jak to zrobić, będę świadomie złamać.

24
00:02:13,170 --> 00:02:16,770
Kiedy kładziemy się do obozu, dzięki czemu można zobaczyć, jak to naprawić.

25
00:02:16,770 --> 00:02:25,710
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.

26
00:02:26,130 --> 00:02:31,890
A potem, gdy jestem tutaj zróbmy poglądy slash, a my po prostu zrobić w domu tata E.J ..

27
00:02:31,910 --> 00:02:33,120
Tak.

28
00:02:33,420 --> 00:02:39,610
A drugi zadzwoni ten temat EJ Tak.

29
00:02:40,050 --> 00:02:40,640
Wspaniały.

30
00:02:40,800 --> 00:02:43,120
Więc po prostu dwa widoki.

31
00:02:43,170 --> 00:02:45,240
Będziemy wypełnić je z naprawdę prostych rzeczy.

32
00:02:45,240 --> 00:02:46,990
Więc co mamy zamiar ponownie wdrożyć.

33
00:02:47,370 --> 00:02:51,740
Jeden wniosek z dwóch tras dwa szablony, które są po prostu będzie ohydne.

34
00:02:51,740 --> 00:02:54,760
Knowsley ocenić tylko absolutne minimum.

35
00:02:55,170 --> 00:03:02,980
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.

36
00:03:03,360 --> 00:03:10,530
Warto więc otworzyć tego i zacząć z ich aplikacją J nami i aż górze.

37
00:03:10,530 --> 00:03:24,070
Pierwszą rzeczą, którą chcesz zrobić, to powiedzieć ekspresowych równości wymaga wyraźnej i wtedy zrobimy równa ekspresowe uruchomiony tej funkcji.

38
00:03:24,750 --> 00:03:38,570
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.

39
00:03:38,670 --> 00:03:51,060
Więc zacznijmy apt uzyskać tylko na stronie głównej lub trasę trasy, a my po prostu zrobić resztę render.

40
00:03:52,140 --> 00:04:04,370
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.

41
00:04:04,380 --> 00:04:06,510
Mniej więcej się zgadza.

42
00:04:06,510 --> 00:04:10,060
Więc dwie trasy o dwóch różnych szablonów.

43
00:04:10,170 --> 00:04:11,970
Teraz musimy wypełnić tych szablonów.

44
00:04:12,240 --> 00:04:20,390
Więc zróbmy domu pierwszy i wypełnić to.

45
00:04:20,610 --> 00:04:38,090
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.

46
00:04:38,100 --> 00:04:38,650
W porządku.

47
00:04:38,910 --> 00:04:40,630
Więc zaczniemy tam.

48
00:04:41,400 --> 00:04:48,300
I ostatnia rzecz, że bardzo potrzebujemy, zanim zaczniemy nasz serwer jest nasz po wysłuchać na samym końcu.

49
00:04:48,300 --> 00:04:55,150
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.

50
00:04:55,380 --> 00:04:57,020
Warto więc upewnić się, że wszystko działa.

51
00:04:57,330 --> 00:04:59,180
Spróbuj uruchomić aplikacje węzłów.

52
00:04:59,280 --> 00:05:02,100
Tak.

53
00:05:03,390 --> 00:05:04,440
Nie umieścić wiadomość na zewnątrz.

54
00:05:04,440 --> 00:05:13,630
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ę.

55
00:05:14,460 --> 00:05:19,640
Oop wygląda mamy mały problem ma domyślnego silnika została określona bez rozszerzenia został dostarczony.

56
00:05:19,710 --> 00:05:21,250
Co mamy na początku.

57
00:05:21,450 --> 00:05:22,500
Zobacz silnika.

58
00:05:22,620 --> 00:05:24,840
I oczywiście, że zawiedli się.

59
00:05:24,990 --> 00:05:28,980
To nie tak miało być myślnik ich silnika widok przestrzeni.

60
00:05:29,540 --> 00:05:29,780
Dobrze.

61
00:05:29,790 --> 00:05:32,730
Warto więc spróbować jeszcze raz.

62
00:05:34,440 --> 00:05:39,090
Mam nadzieję, że niektórzy z was złapany, które mogą odświeżyć.

63
00:05:39,160 --> 00:05:44,280
Można również szybkie To właśnie tutaj, aby otworzyć w przeglądarce.

64
00:05:44,610 --> 00:05:49,500
Można zobaczyć tutaj mamy nasz wniosek, że możemy rzeczywiście pozbyć się tego wszystkiego.

65
00:05:49,500 --> 00:05:50,140
No to jedziemy.

66
00:05:50,340 --> 00:05:53,500
A jeśli pójdę obciąć o dostaję o stronie.

67
00:05:53,610 --> 00:05:57,330
Więc są dwa bardzo proste okłady i to wszystko, co mamy zamiar zrobić.

68
00:05:57,330 --> 00:05:59,340
Może dodamy w link.

69
00:05:59,340 --> 00:06:08,620
Więc jeśli idziemy do domu dodajmy w tagu kotwicy A-Trak powinny być tylko ukośnik temat.

70
00:06:09,210 --> 00:06:18,480
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.

71
00:06:18,480 --> 00:06:21,110
Idź do domu.

72
00:06:21,900 --> 00:06:22,680
OK.

73
00:06:23,310 --> 00:06:28,470
Warto więc sprawdzić, czy to działa.

74
00:06:28,470 --> 00:06:29,510
Przejdź do strony O.

75
00:06:29,550 --> 00:06:30,720
Idź do domu.

76
00:06:30,750 --> 00:06:31,260
Wspaniały.

77
00:06:31,500 --> 00:06:33,200
Mamy więc dwie trasy.

78
00:06:33,570 --> 00:06:35,550
Nasza aplikacja jest wykonywana.

79
00:06:36,060 --> 00:06:37,910
Niesamowite odpowiednia aplikacja.

80
00:06:37,950 --> 00:06:42,280
Więc ja to zamknięty tutaj wierzyć.

81
00:06:42,300 --> 00:06:43,350
No to jedziemy.

82
00:06:43,920 --> 00:06:47,400
I następna rzecz, że zrobimy to rzeczywiście działa na wdrożenie tego.

83
00:06:47,520 --> 00:06:50,390
Tak skończymy z samą aplikacją.

84
00:06:50,580 --> 00:07:00,400
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.