В этой статье мы разберём основы Express.js, это фреймворк для созданий более удобного создания back-end на Node.js.
Также посмотрите статью «Основы node.js», в ней вы прочитаете всё основанное что нужно знать для работы с Node.js, особенно настоятельно рекомендуется перед прочтением этой статьи.
Установка Express.js:
Перед тем как перейти к разборе на этом фреймворке, нужно его установить, этим мы сейчас и займёмся.
Для этого выполним стандартные NPM действия:
1 2 | npm init npm install express --save |
Как видите, мы просто интилизируем проект и потом устанавливаем express.js, и сохраняем его как зависимость.
Также вы можете сразу создать Express приложение, но об этом ниже, в целом этого вам хватить для начала.
Первое приложение на Express.js:
Теперь давайте сделаем первое приложение, это будет очень просто, вот пример кода:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 | // Подключаем express const express = require('express') // Создаём express приложение const app = express() // Назначаем порт const port = 3000 // Отслеживаем get запрос на сервер app.get('/', (req, res) => { // Выводим res.send('Hello World!') }) // Назначаем слушателя app.listen(port, () => { // Выводим в консоль что всё хорошо console.log(`Запуск сервера по адресу http://localhost:${port}`) }) |
Давайте разберём программу, в начале мы подключаем нашу Express библиотеку, после создаём уже приложение, как раз через эту переменную и будем работать с фреймворком.
После назначаем порт, на котором будем запускать сервер, дальше пишем app.get(), этот метод позволяет принимать GET запросы от клиента и давать ответ, в качестве ответа, у нас просто надпись «Hello World!».
Как можете заметить, в get() передаём два атрибута, первый, это путь по которому нужно его отправить, у нас это корень, второй, это функция, которая обрабатывает запрос.
Функция которая обрабатывает запрос принимает ещё два аргумента, в req храниться все данные запроса, а res это ответ.
Таким же образом можно принимать POST запросы, просто пишем метод app.post(), думаю тут всё понятно.
Последние, это мы запускаем слушателя, то есть делаем так, чтобы программа начала принимать запросы от клиентов, в качестве аргументов принимает порт, и функцию, которая буде срабатывать при запуске приложения.
Для запуска, видите эту команду:
1 | node имя-файла.js |
Таким образом мы мы запустили нашу программу.
Быстрое создание программы:
Ещё вы можете быстро создать проект, там будут уже все базовые компоненты, чтобы это сделать, сначала нужно установить Express generator глобально, он будет генерировать всё приложении.
Вот так устанавливает:
1 | npm install express-generator -g |
После заходим в папку, в которой хотите запустить приложение, и пишите такую команду:
1 | express --view=pug . |
Тут параметр --view отвечает за шаблонны для генерации HTML, в нашем случае мы используем PUG.
После этого он всё сгенерирует, послелесные осталось скачать все зависимости, делается это тоже очень просто:
1 | npm install |
После этого запускаете приложение через команду npm start.
Это всё нужно для того, чтобы сразу всё было, так как таким образом у вас уже всё установлено, вам остаётся только программировать нужных вам файлах, или копировать содержимое уже из созданных, только не много редактировать.
Самое главное что вы установите таким образом, это роутинг, то есть управление URL и шаблоны для HTML отображения, также автоматически создастся файл стили, и папка для картинок и других JS файлов, которые нужно использовать на Front-end.
Вывод:
В этой статье вы прочитали про основы Express.js, думаю всем было полезно и интересно, если вас заинтересовала этот фреймворк, то почитаете документацию.
Подписываетесь на соц-сети:
Оценка:
Средняя оценка: 4,00
Загрузка...