Теперь, когда мы узнали о Express Generator,
инструменте леса для приложений экспертов,
давайте установим Express Generator, а затем создадим новое приложение Express.
Мы создадим точную реплику
приложения Express REST API, которое мы реализовали в предыдущем модуле.
Мы будем действительно повторно использовать три маршрутизатора,
Express маршрутизаторы, которые мы реализовали в предыдущем приложении Express в
вновь сгенерированном приложении, которое мы собираемся
создать с помощью Express Generator в этом упражнении.
Чтобы начать работу, первым шагом является установка Express Generator.
Итак, в командной строке введите «npm
install -g», чтобы установить его как глобальный модуль NPM.
Мы скажем «Экспресс генератор» и нажмем «Возвращение».
Теперь, если вы устанавливаете на OSX или Linux Machine,
обязательно используйте sudo перед этой командой.
Затем установите приложение как глобальное приложение.
Как вы можете видеть, версия Express Generator, которую я использую, составляет 4.16.0 в этом курсе.
Теперь, когда мы установили Express Generator, в вашем терминале,
перейдите в папку Node.Js, где вы хранили
все различные приложения узла, которые мы разрабатывали в этом курсе,
в папке Node.Js.
В командной строке введите express ConfusionServer.
Теперь, если вы следовали из предыдущих курсов,
вы понимаете, почему я называю это
Shaffold нашего экспресс-приложения в ConfusionServer.
Я выхожу из леса без каких-либо новых опций, а затем в течение короткого времени,
сервер Express будет вытеснен.
Теперь перейдите в папку ConfusionServer, и
тогда вы увидите, что куча файлов уже была выбрана для вас.
Итак, давайте откроем этот проект в Visual Studio Code.
Кроме того, в командной строке введите «npm
install», чтобы установить все модули NPM
, которые уже включены в файл package.json.
Итак, давайте посмотрим на файл package.json, чтобы узнать, какие
все различные модули NPM Node, которые будут установлены.
Перейдя к нашему приложению,
в файле package.json
вы видите, что сервер с именем по умолчанию
был выложен, и вы видите кучу зависимостей, которые объявлены здесь.
Таким образом, все эти модули NPM будут автоматически установлены для
вас NPM при вводе «npm install» в этой папке.
Таким образом, вы увидите папку модулей Node, создаваемую здесь.
Перейдите в терминал, введите «npm install», а затем позвольте ему
продолжить установку всех различных модулей NPM.
После того, как все они будут
закончены, мы готовы начать работу с нашим приложением Express.
Вы заметите, что приложение Express по умолчанию уже установлено.
Поэтому в подсказке,
если вы просто говорите npm start,
приложение по умолчанию запустится, и вы можете
просматривать с помощью своего стандартного браузера, чтобы увидеть, что это приложение обслуживает.
Зайдите в Почтальон в адресном блоке типа localhost:3000 и
отправьте запрос, и вы увидите, что ваш сервер вернет
эту информацию по умолчанию с сайта сервера.
Итак, это стандартный Express сервер, который выгружается Express Generator.
На консоли вы увидите такую информацию, напечатанную здесь.
Это то, что Морган распечатывает на экране, чтобы показать поступающие запросы.
Таким образом, он показывает тип запроса, на который URL
и соответствующий ответ, который был отправлен обратно клиенту с сервера.
Давайте остановим Экспресс сервер.
Давайте инициализируем репозиторий Git, а затем
мы проверим статус Git, и вы увидите, что модули узла включены.
Итак, позвольте мне переключиться на мое приложение, а затем
создать файл gitignore, а затем в файле gitignore,
позвольте мне указать модули узла как файл, который я хочу игнорировать.
Затем возвращаясь к терминалу,
позвольте мне проверить статус git, и вы видите, что теперь
мы будем проверять только те файлы, которые являются частью нашего приложения.
Итак, в командной строке введите git add,
а затем скажите, git status, и вы видите, что все файлы были проверены.
Итак, вы говорите, git commit -m «Express Generator».
Теперь, мы собираемся продолжить с этим приложением Express.
Мы уже построили три маршрутизатора с помощью
экспресс-маршрутизатора в предыдущем приложении Express, которое мы реализовали.
Мы собираемся скопировать через эти три маршрутизатора в это приложение, которое мы создали с помощью
Express Generator, а также настроить это приложение, чтобы использовать эти три маршрутизатора.
Итак, чтобы сделать это,
позвольте мне перейти в папку Node.Js, а затем,
войдя в папку экспресс узла и маршруты,
я собираюсь скопировать dishRouter.js,
leaderRouter.js router.js и, которые я реализовал
в назначении, и мы перейдем к
ConfusionServer, который я promoRouter.js только что создали и в папку маршрутов, а затем скопируйте
эти три маршрутизатора Express, которые мы создали там.
Таким образом, автоматически, теперь изменяя файл app.js,
мы сможем поддерживать REST API с помощью
приложения Express, которое мы только что создали.
Быстрый визит в приложение, которое было выложено из лесов.
Как я уже упоминал в предыдущей лекции,
app.js - это место, где все начинается.
Итак, это стандартный файл, поэтому вы можете увидеть некоторые
вещи, с которыми вы знакомы из предыдущего модуля.
Итак, мы требуем экспресс-регистратора путей, который в данном случае является Морганом.
CookieParser, который мы будем использовать в одном из последующих упражнений, и
вы также видите, что вы импортируете два маршрута;
индекс и пользователи,
которые уже лесов Экспресс для нас.
Итак, мы добавим в три новых маршрутизатора здесь.
Итак, я просто скажу, var DishRouter требуют маршруты
DishRouter, а затем они скопируют это, а затем также импортируют
PromorOuter
и LeaderRouter, и мы настроим их для использования здесь.
Здесь вы видите, что индекс монтируется
на косой черте, а затем пользователи монтируются в/users.
Итак, скажем, использование приложения
и блюда DishRouter.
Уже четыре часа.
Акции PromorOuter и лидеры.
Лидерроутер. Вот оно.
Наше приложение Express, которое было выбрано, теперь все настроено
на полноценный REST API сервер, который будет служить для блюд,
блюд, акций и лидеров.
Теперь, если вы просмотрите остальную часть кода,
он будет выглядеть всем знакомым с несколькими новыми вещами там.
Мы будем посещать их, когда и когда нам потребуется понять немного больше деталей.
Итак, вы можете видеть, что статический сервер был настроен,
регистратор был настроен там, и некоторые
из этого другого - так, это глобальный обработчик ошибок.
Мы увидим, как использовать его более подробно.
И эти два дополнительных обработчика ошибок, которые следуют после этого.
Мы увидим, как мы используем их, как мы реализуем дальше в этом приложении.
Итак, здесь вы замечаете всю эту информацию.
Теперь вам интересно, где сам сервер
настроен на локальный хост и настроен номер порта.
Теперь эта информация находится в этом файле под названием bin/www.
Если вы откроете папку bin/www,
вы увидите здесь дополнительную информацию.
Итак, он говорит, что приложение var требует.. косы/app.
Итак, из папки bin
вы приходите сюда и затем,
этот файл app.js требуется здесь;
и так, что это автоматически будет включать экспресс и все.
И затем, здесь вы настраиваете
http сервер здесь, и вы настраиваете номер порта.
Вы также можете указать свой собственный номер порта в командной строке,
но на данный момент мы будем использовать значение по умолчанию, которое составляет 3000,
и мы установим номер порта здесь; а затем,
вы увидите сервер var HTTP.CreateServer, который вы видели ранее,
и сервер прослушивает вещи здесь.
А затем, также, вот некоторые прослушивают события на стороне сервера.
Мы вернемся к этому в одном из последующих упражнений.
А затем, внизу, вы увидите дополнительный
код, который настраивает ваш сервер, чтобы иметь возможность
обрабатывать ошибки и прослушивать входящие запросы на номер порта и так далее.
На данный момент не беспокойтесь слишком много об этом коде.
Мы будем пересматривать этот код всякий раз, когда нам потребуется,
и мы будем изменять этот код, как и когда нам потребуется в одном из последующих упражнений.
Таким образом, именно там настроена информация о вашем сервере.
И app.js, мы уже видели папку маршрутов там.
Index.js и users.js - это два маршрута по умолчанию, которые уже настроены для нас.
Мы будем использовать users.js в одном из последующих упражнений.
И в общей папке
давайте перейдем и скопируем index.html и
aboutus.html из нашего приложения Express в общую папку также.
Итак, возвращаясь к общей папке узла express.
Я просто скопирую эти два.
Затем мы вернемся на сервер путаницы,
а затем, в общей папке,
я просто вставлю их на место.
На данный момент это заполнители.
Позже мы заменим их другими вещами.
Таким образом, с этими изменениями,
наш сервер теперь полностью настроен для работы как
REST API Server и будет поддерживать все конечные точки REST API.
Итак, давайте запустим наш сервер.
Таким образом, в командной строке
введите npm start, и ваш сервер будет запущен и запущен.
Давайте перейдем в PostBin и отправим несколько запросов на этот сервер.
Давайте теперь отправим запрос get на локальный хост 3000/fishes,
и вы заметите, что REST API Server работает точно так, как мы ожидаем.
Мы отправим запрос на удаление, и он удалит посуду.
А затем, давайте отправим
запрос на удаление в рекламные акции, и вы увидите, что он работает так же, как и раньше.
И мы делаем сообщение в акции
с body fielding
и отправляем запрос на пост,
и вы увидите, что в нем написано:
«Мы добавим тест по продвижению с подробным описанием».
Давайте отправим это на leaders.23,
но поставим запрос на leaders.23, и вы должны увидеть, что он говорит: «Обновление лидера 23.
Будет модернизировать лидера». Таким образом, вы видите,
что генератор Express, который сгенерировал приложение, и мы изменили
его для поддержки всех конечных точек REST API, которые
мы настроили в предыдущей версии Express маршрутизатора.
Теперь, с этим, мы завершаем это упражнение, где мы продемонстрировали, как мы можем
использовать генератор Express для создания конечной точки REST API.
Теперь, это хорошее время для нас, чтобы сделать Git Kermit изменений с сообщением
«Экспресс генератор REST API».