1
00:00:03,920 --> 00:00:07,800
Теперь, когда мы узнали о Express Generator,

2
00:00:07,800 --> 00:00:10,890
инструменте леса для приложений экспертов,

3
00:00:10,890 --> 00:00:17,405
давайте установим Express Generator, а затем создадим новое приложение Express.

4
00:00:17,405 --> 00:00:20,250
Мы создадим точную реплику

5
00:00:20,250 --> 00:00:25,850
приложения Express REST API, которое мы реализовали в предыдущем модуле.

6
00:00:25,850 --> 00:00:30,025
Мы будем действительно повторно использовать три маршрутизатора,

7
00:00:30,025 --> 00:00:34,970
Express маршрутизаторы, которые мы реализовали в предыдущем приложении Express в

8
00:00:34,970 --> 00:00:38,690
вновь сгенерированном приложении, которое мы собираемся

9
00:00:38,690 --> 00:00:43,430
создать с помощью Express Generator в этом упражнении.

10
00:00:43,430 --> 00:00:48,680
Чтобы начать работу, первым шагом является установка Express Generator.

11
00:00:48,680 --> 00:00:52,610
Итак, в командной строке введите «npm

12
00:00:52,610 --> 00:00:59,210
install -g», чтобы установить его как глобальный модуль NPM.

13
00:00:59,210 --> 00:01:05,120
Мы скажем «Экспресс генератор» и нажмем «Возвращение».

14
00:01:05,120 --> 00:01:10,910
Теперь, если вы устанавливаете на OSX или Linux Machine,

15
00:01:10,910 --> 00:01:14,400
обязательно используйте sudo перед этой командой.

16
00:01:14,400 --> 00:01:21,500
Затем установите приложение как глобальное приложение.

17
00:01:21,500 --> 00:01:29,850
Как вы можете видеть, версия Express Generator, которую я использую, составляет 4.16.0 в этом курсе.

18
00:01:29,850 --> 00:01:33,845
Теперь, когда мы установили Express Generator, в вашем терминале,

19
00:01:33,845 --> 00:01:37,590
перейдите в папку Node.Js, где вы хранили

20
00:01:37,590 --> 00:01:42,080
все различные приложения узла, которые мы разрабатывали в этом курсе,

21
00:01:42,080 --> 00:01:43,745
в папке Node.Js.

22
00:01:43,745 --> 00:01:50,020
В командной строке введите express ConfusionServer.

23
00:01:50,020 --> 00:01:53,865
Теперь, если вы следовали из предыдущих курсов,

24
00:01:53,865 --> 00:01:57,410
вы понимаете, почему я называю это

25
00:01:57,410 --> 00:02:01,860
Shaffold нашего экспресс-приложения в ConfusionServer.

26
00:02:01,860 --> 00:02:07,165
Я выхожу из леса без каких-либо новых опций, а затем в течение короткого времени,

27
00:02:07,165 --> 00:02:10,125
сервер Express будет вытеснен.

28
00:02:10,125 --> 00:02:14,390
Теперь перейдите в папку ConfusionServer, и

29
00:02:14,390 --> 00:02:18,680
тогда вы увидите, что куча файлов уже была выбрана для вас.

30
00:02:18,680 --> 00:02:23,645
Итак, давайте откроем этот проект в Visual Studio Code.

31
00:02:23,645 --> 00:02:28,935
Кроме того, в командной строке введите «npm

32
00:02:28,935 --> 00:02:33,110
install», чтобы установить все модули NPM

33
00:02:33,110 --> 00:02:36,070
, которые уже включены в файл package.json.

34
00:02:36,070 --> 00:02:39,590
Итак, давайте посмотрим на файл package.json, чтобы узнать, какие

35
00:02:39,590 --> 00:02:44,360
все различные модули NPM Node, которые будут установлены.

36
00:02:44,360 --> 00:02:46,200
Перейдя к нашему приложению,

37
00:02:46,200 --> 00:02:48,175
в файле package.json

38
00:02:48,175 --> 00:02:52,550
вы видите, что сервер с именем по умолчанию

39
00:02:52,550 --> 00:02:57,200
был выложен, и вы видите кучу зависимостей, которые объявлены здесь.

40
00:02:57,200 --> 00:03:02,390
Таким образом, все эти модули NPM будут автоматически установлены для

41
00:03:02,390 --> 00:03:08,970
вас NPM при вводе «npm install» в этой папке.

42
00:03:08,970 --> 00:03:13,370
Таким образом, вы увидите папку модулей Node, создаваемую здесь.

43
00:03:13,370 --> 00:03:17,600
Перейдите в терминал, введите «npm install», а затем позвольте ему

44
00:03:17,600 --> 00:03:22,320
продолжить установку всех различных модулей NPM.

45
00:03:22,320 --> 00:03:23,985
После того, как все они будут

46
00:03:23,985 --> 00:03:29,810
закончены, мы готовы начать работу с нашим приложением Express.

47
00:03:29,810 --> 00:03:34,595
Вы заметите, что приложение Express по умолчанию уже установлено.

48
00:03:34,595 --> 00:03:35,710
Поэтому в подсказке,

49
00:03:35,710 --> 00:03:38,105
если вы просто говорите npm start,

50
00:03:38,105 --> 00:03:42,295
приложение по умолчанию запустится, и вы можете

51
00:03:42,295 --> 00:03:48,500
просматривать с помощью своего стандартного браузера, чтобы увидеть, что это приложение обслуживает.

52
00:03:48,500 --> 00:03:58,645
Зайдите в Почтальон в адресном блоке типа localhost:3000 и

53
00:03:58,645 --> 00:04:03,185
отправьте запрос, и вы увидите, что ваш сервер вернет

54
00:04:03,185 --> 00:04:12,045
эту информацию по умолчанию с сайта сервера.

55
00:04:12,045 --> 00:04:20,075
Итак, это стандартный Express сервер, который выгружается Express Generator.

56
00:04:20,075 --> 00:04:23,550
На консоли вы увидите такую информацию, напечатанную здесь.

57
00:04:23,550 --> 00:04:30,180
Это то, что Морган распечатывает на экране, чтобы показать поступающие запросы.

58
00:04:30,180 --> 00:04:34,955
Таким образом, он показывает тип запроса, на который URL

59
00:04:34,955 --> 00:04:40,820
и соответствующий ответ, который был отправлен обратно клиенту с сервера.

60
00:04:40,820 --> 00:04:45,050
Давайте остановим Экспресс сервер.

61
00:04:45,050 --> 00:04:49,430
Давайте инициализируем репозиторий Git, а затем

62
00:04:49,430 --> 00:04:57,360
мы проверим статус Git, и вы увидите, что модули узла включены.

63
00:04:57,360 --> 00:05:03,800
Итак, позвольте мне переключиться на мое приложение, а затем

64
00:05:03,800 --> 00:05:10,895
создать файл gitignore, а затем в файле gitignore,

65
00:05:10,895 --> 00:05:17,470
позвольте мне указать модули узла как файл, который я хочу игнорировать.

66
00:05:17,470 --> 00:05:20,815
Затем возвращаясь к терминалу,

67
00:05:20,815 --> 00:05:25,090
позвольте мне проверить статус git, и вы видите, что теперь

68
00:05:25,090 --> 00:05:30,385
мы будем проверять только те файлы, которые являются частью нашего приложения.

69
00:05:30,385 --> 00:05:33,925
Итак, в командной строке введите git add,

70
00:05:33,925 --> 00:05:42,085
а затем скажите, git status, и вы видите, что все файлы были проверены.

71
00:05:42,085 --> 00:05:50,725
Итак, вы говорите, git commit -m «Express Generator».

72
00:05:50,725 --> 00:05:54,500
Теперь, мы собираемся продолжить с этим приложением Express.

73
00:05:54,500 --> 00:05:58,820
Мы уже построили три маршрутизатора с помощью

74
00:05:58,820 --> 00:06:04,505
экспресс-маршрутизатора в предыдущем приложении Express, которое мы реализовали.

75
00:06:04,505 --> 00:06:09,965
Мы собираемся скопировать через эти три маршрутизатора в это приложение, которое мы создали с помощью

76
00:06:09,965 --> 00:06:16,240
Express Generator, а также настроить это приложение, чтобы использовать эти три маршрутизатора.

77
00:06:16,240 --> 00:06:17,980
Итак, чтобы сделать это,

78
00:06:17,980 --> 00:06:24,120
позвольте мне перейти в папку Node.Js, а затем,

79
00:06:24,120 --> 00:06:27,670
войдя в папку экспресс узла и маршруты,

80
00:06:27,670 --> 00:06:30,380
я собираюсь скопировать dishRouter.js,

81
00:06:30,380 --> 00:06:34,460
leaderRouter.js router.js и, которые я реализовал

82
00:06:34,460 --> 00:06:39,410
в назначении, и мы перейдем к

83
00:06:39,410 --> 00:06:45,170
ConfusionServer, который я promoRouter.js только что создали и в папку маршрутов, а затем скопируйте

84
00:06:45,170 --> 00:06:51,720
эти три маршрутизатора Express, которые мы создали там.

85
00:06:51,720 --> 00:06:58,140
Таким образом, автоматически, теперь изменяя файл app.js,

86
00:06:58,140 --> 00:07:01,250
мы сможем поддерживать REST API с помощью

87
00:07:01,250 --> 00:07:05,080
приложения Express, которое мы только что создали.

88
00:07:05,080 --> 00:07:09,535
Быстрый визит в приложение, которое было выложено из лесов.

89
00:07:09,535 --> 00:07:12,515
Как я уже упоминал в предыдущей лекции,

90
00:07:12,515 --> 00:07:16,780
app.js - это место, где все начинается.

91
00:07:16,780 --> 00:07:20,540
Итак, это стандартный файл, поэтому вы можете увидеть некоторые

92
00:07:20,540 --> 00:07:25,360
вещи, с которыми вы знакомы из предыдущего модуля.

93
00:07:25,360 --> 00:07:31,440
Итак, мы требуем экспресс-регистратора путей, который в данном случае является Морганом.

94
00:07:31,440 --> 00:07:35,570
CookieParser, который мы будем использовать в одном из последующих упражнений, и

95
00:07:35,570 --> 00:07:40,170
вы также видите, что вы импортируете два маршрута;

96
00:07:40,170 --> 00:07:42,220
индекс и пользователи,

97
00:07:42,220 --> 00:07:45,225
которые уже лесов Экспресс для нас.

98
00:07:45,225 --> 00:07:51,300
Итак, мы добавим в три новых маршрутизатора здесь.

99
00:07:51,300 --> 00:08:00,734
Итак, я просто скажу, var DishRouter требуют маршруты

100
00:08:00,734 --> 00:08:10,480
DishRouter, а затем они скопируют это, а затем также импортируют

101
00:08:10,480 --> 00:08:24,470
PromorOuter

102
00:08:26,670 --> 00:08:32,315
и LeaderRouter, и мы настроим их для использования здесь.

103
00:08:32,315 --> 00:08:35,735
Здесь вы видите, что индекс монтируется

104
00:08:35,735 --> 00:08:40,070
на косой черте, а затем пользователи монтируются в/users.

105
00:08:40,070 --> 00:08:43,160
Итак, скажем, использование приложения

106
00:08:43,160 --> 00:08:52,970
и блюда DishRouter.

107
00:08:52,970 --> 00:08:54,840
Уже четыре часа.

108
00:08:59,890 --> 00:09:17,910
Акции PromorOuter и лидеры.

109
00:09:18,030 --> 00:09:22,735
Лидерроутер. Вот оно.

110
00:09:22,735 --> 00:09:27,045
Наше приложение Express, которое было выбрано, теперь все настроено

111
00:09:27,045 --> 00:09:32,000
на полноценный REST API сервер, который будет служить для блюд,

112
00:09:32,000 --> 00:09:34,595
блюд, акций и лидеров.

113
00:09:34,595 --> 00:09:37,630
Теперь, если вы просмотрите остальную часть кода,

114
00:09:37,630 --> 00:09:41,175
он будет выглядеть всем знакомым с несколькими новыми вещами там.

115
00:09:41,175 --> 00:09:47,290
Мы будем посещать их, когда и когда нам потребуется понять немного больше деталей.

116
00:09:47,290 --> 00:09:50,655
Итак, вы можете видеть, что статический сервер был настроен,

117
00:09:50,655 --> 00:09:56,150
регистратор был настроен там, и некоторые

118
00:09:56,150 --> 00:10:02,315
из этого другого - так, это глобальный обработчик ошибок.

119
00:10:02,315 --> 00:10:06,150
Мы увидим, как использовать его более подробно.

120
00:10:06,150 --> 00:10:10,855
И эти два дополнительных обработчика ошибок, которые следуют после этого.

121
00:10:10,855 --> 00:10:16,635
Мы увидим, как мы используем их, как мы реализуем дальше в этом приложении.

122
00:10:16,635 --> 00:10:19,325
Итак, здесь вы замечаете всю эту информацию.

123
00:10:19,325 --> 00:10:23,140
Теперь вам интересно, где сам сервер

124
00:10:23,140 --> 00:10:27,575
настроен на локальный хост и настроен номер порта.

125
00:10:27,575 --> 00:10:34,840
Теперь эта информация находится в этом файле под названием bin/www.

126
00:10:34,840 --> 00:10:38,075
Если вы откроете папку bin/www,

127
00:10:38,075 --> 00:10:40,340
вы увидите здесь дополнительную информацию.

128
00:10:40,340 --> 00:10:44,340
Итак, он говорит, что приложение var требует.. косы/app.

129
00:10:44,340 --> 00:10:46,330
Итак, из папки bin

130
00:10:46,330 --> 00:10:47,480
вы приходите сюда и затем,

131
00:10:47,480 --> 00:10:50,805
этот файл app.js требуется здесь;

132
00:10:50,805 --> 00:10:54,245
и так, что это автоматически будет включать экспресс и все.

133
00:10:54,245 --> 00:10:56,440
И затем, здесь вы настраиваете

134
00:10:56,440 --> 00:11:00,510
http сервер здесь, и вы настраиваете номер порта.

135
00:11:00,510 --> 00:11:04,570
Вы также можете указать свой собственный номер порта в командной строке,

136
00:11:04,570 --> 00:11:08,575
но на данный момент мы будем использовать значение по умолчанию, которое составляет 3000,

137
00:11:08,575 --> 00:11:11,830
и мы установим номер порта здесь; а затем,

138
00:11:11,830 --> 00:11:16,935
вы увидите сервер var HTTP.CreateServer, который вы видели ранее,

139
00:11:16,935 --> 00:11:20,590
и сервер прослушивает вещи здесь.

140
00:11:20,590 --> 00:11:28,050
А затем, также, вот некоторые прослушивают события на стороне сервера.

141
00:11:28,050 --> 00:11:30,940
Мы вернемся к этому в одном из последующих упражнений.

142
00:11:30,940 --> 00:11:33,320
А затем, внизу, вы увидите дополнительный

143
00:11:33,320 --> 00:11:36,560
код, который настраивает ваш сервер, чтобы иметь возможность

144
00:11:36,560 --> 00:11:43,170
обрабатывать ошибки и прослушивать входящие запросы на номер порта и так далее.

145
00:11:43,170 --> 00:11:46,080
На данный момент не беспокойтесь слишком много об этом коде.

146
00:11:46,080 --> 00:11:48,730
Мы будем пересматривать этот код всякий раз, когда нам потребуется,

147
00:11:48,730 --> 00:11:55,580
и мы будем изменять этот код, как и когда нам потребуется в одном из последующих упражнений.

148
00:11:55,580 --> 00:12:01,595
Таким образом, именно там настроена информация о вашем сервере.

149
00:12:01,595 --> 00:12:06,070
И app.js, мы уже видели папку маршрутов там.

150
00:12:06,070 --> 00:12:15,530
Index.js и users.js - это два маршрута по умолчанию, которые уже настроены для нас.

151
00:12:15,530 --> 00:12:19,575
Мы будем использовать users.js в одном из последующих упражнений.

152
00:12:19,575 --> 00:12:21,900
И в общей папке

153
00:12:21,900 --> 00:12:25,410
давайте перейдем и скопируем index.html и

154
00:12:25,410 --> 00:12:31,345
aboutus.html из нашего приложения Express в общую папку также.

155
00:12:31,345 --> 00:12:39,895
Итак, возвращаясь к общей папке узла express.

156
00:12:39,895 --> 00:12:42,250
Я просто скопирую эти два.

157
00:12:42,250 --> 00:12:47,135
Затем мы вернемся на сервер путаницы,

158
00:12:47,135 --> 00:12:49,840
а затем, в общей папке,

159
00:12:49,840 --> 00:12:52,410
я просто вставлю их на место.

160
00:12:52,410 --> 00:12:54,355
На данный момент это заполнители.

161
00:12:54,355 --> 00:12:57,960
Позже мы заменим их другими вещами.

162
00:12:57,960 --> 00:13:00,240
Таким образом, с этими изменениями,

163
00:13:00,240 --> 00:13:04,385
наш сервер теперь полностью настроен для работы как

164
00:13:04,385 --> 00:13:09,235
REST API Server и будет поддерживать все конечные точки REST API.

165
00:13:09,235 --> 00:13:13,105
Итак, давайте запустим наш сервер.

166
00:13:13,105 --> 00:13:14,680
Таким образом, в командной строке

167
00:13:14,680 --> 00:13:19,910
введите npm start, и ваш сервер будет запущен и запущен.

168
00:13:19,910 --> 00:13:24,555
Давайте перейдем в PostBin и отправим несколько запросов на этот сервер.

169
00:13:24,555 --> 00:13:29,545
Давайте теперь отправим запрос get на локальный хост 3000/fishes,

170
00:13:29,545 --> 00:13:36,210
и вы заметите, что REST API Server работает точно так, как мы ожидаем.

171
00:13:36,210 --> 00:13:41,250
Мы отправим запрос на удаление, и он удалит посуду.

172
00:13:41,250 --> 00:13:44,580
А затем, давайте отправим

173
00:13:44,580 --> 00:13:49,800
запрос на удаление в рекламные акции, и вы увидите, что он работает так же, как и раньше.

174
00:13:49,800 --> 00:13:55,075
И мы делаем сообщение в акции

175
00:13:55,075 --> 00:14:09,430
с body fielding

176
00:14:23,730 --> 00:14:26,725
и отправляем запрос на пост,

177
00:14:26,725 --> 00:14:28,750
и вы увидите, что в нем написано:

178
00:14:28,750 --> 00:14:31,790
«Мы добавим тест по продвижению с подробным описанием».

179
00:14:31,790 --> 00:14:38,425
Давайте отправим это на leaders.23,

180
00:14:38,425 --> 00:14:45,190
но поставим запрос на leaders.23, и вы должны увидеть, что он говорит: «Обновление лидера 23.

181
00:14:45,190 --> 00:14:47,655
Будет модернизировать лидера». Таким образом, вы видите,

182
00:14:47,655 --> 00:14:51,780
что генератор Express, который сгенерировал приложение, и мы изменили

183
00:14:51,780 --> 00:14:55,060
его для поддержки всех конечных точек REST API, которые

184
00:14:55,060 --> 00:14:59,315
мы настроили в предыдущей версии Express маршрутизатора.

185
00:14:59,315 --> 00:15:05,020
Теперь, с этим, мы завершаем это упражнение, где мы продемонстрировали, как мы можем

186
00:15:05,020 --> 00:15:10,610
использовать генератор Express для создания конечной точки REST API.

187
00:15:10,610 --> 00:15:17,740
Теперь, это хорошее время для нас, чтобы сделать Git Kermit изменений с сообщением

188
00:15:17,740 --> 00:15:21,110
«Экспресс генератор REST API».