Фреймворк Express позволяет быстро создать «скелет» веб-приложения без особых усилий. Благодаря ему можно сэкономить массу времени на рутинных действиях.
Чтобы установить Express и добавить его в проект, откройте командную строку и выполните следующие действия.
Express-generator
Сначала необходимо глобально установить пакет express-generator:
npm install express-generator -gСоздание приложения
Чтобы создать приложение на express нужно запустить команду
express myAppmyApp — это имя вашего приложения, можно написать любое другое.
При необходимости команду можно дополнить нужными опциями, список которых можно посмотреть, набрав express -h. Например, мы можем включить использование шаблонизатора pug для HTML-кода:
express --view=pug myappExpress создаст отдельную папку myapp (или с тем именем, которое вы выбрали), внутри которой будут расположены все файлы приложения.
Активация приложения
Чтобы активировать приложение, нужно установить зависимости:
npm initТеперь нужно установить значение переменной DEBUG.
Под Windows:
set DEBUG=myapp:*Под MacOS или Linux:
DEBUG=myapp:*Запуск приложения
Для запуска выполните команду
npm startВот и все. За три простых шага создано простое работающее приложение с логичной файловой структурой.
app.js— точка входа в приложение, файл, в котором подтягиваются все остальные части приложения.routes/— в этой папке содержатся маршруты приложения. В самом простом варианте маршруты объединяются с контроллерами.views/— в этой папке расположены шаблоны представлений. Они используют язык шаблонизации pug, поскольку именно его мы задали в опциях при создании приложения.public/— в этой папке можно размещать статические файлы, которые сервер должен отдавать браузеру (например, стили, картинки).
Если вы будете изменять файловую структуру для своих нужд, не забудьте внести изменения в файл app.js, чтобы все части приложения подключались правильно.
Увидеть работающее приложение можно, набрав в адресной строке браузера localhost:3000.
0 комментариев