Руководство по веб-разработке серверной части с помощью Node.js

Руководство по веб-разработке серверной части с помощью Node.js

От автора: большую часть своей веб-карьеры я работал исключительно на стороне клиента. Проектирование адаптивных макетов, создание визуализаций из больших объемов данных, создание панелей управления приложений и т. д. Но мне никогда не приходилось иметь дело с маршрутизацией или HTTP-запросами напрямую. До не давнего времени.

В этом посте приводится описание того, в чем заключается разработка серверной части веб с помощью Node.js, и краткое сравнение написания простого HTTP-сервера с использованием 3 различных фреймворков: Экспресс, Koa.js и Hapi.js.

Некоторые базовые принципы

Здесь я только хочу привести краткий обзор вещей для контекста. HTTP (Hypertext Transfer Protocol) — это протокол связи, используемый в компьютерных сетях. В Интернете их много, такие как SMTP (Simple Mail Transfer Protocol), FTP (File Transfer Protocol), POP3 (Post Office Protocol 3) и так далее.

Эти протоколы позволяют устройствам с совершенно разным аппаратным / программным обеспечением связываться друг с другом, поскольку они предоставляют четко определенные форматы сообщений, правила, синтаксис и семантику и т. д. Это означает, что пока устройство поддерживает определенный протокол, оно может связываться с любым другим устройством. в сети.

Руководство по веб-разработке серверной части с помощью Node.js

Бесплатный курс «Full-Stack практика»

Изучите курс и узнайте, как создать веб-приложение с нуля на JavaScript, NodeJS, ExpressJS

Получить курс

Операционные системы обычно поставляются с поддержкой сетевых протоколов, таких как HTTP, из коробки, что объясняет, почему нам не нужно отдельно устанавливать какое-либо дополнительное программное обеспечение для доступа в Интернет. Большинство сетевых протоколов поддерживают открытое соединение между двумя устройствами, что позволяет им передавать данные туда и обратно.

HTTP, на котором работает сеть, отличается. Он известен как протокол без установления соединения, потому что он основан на режиме работы запрос / ответ. Веб-браузеры отправляют на сервер запросы на изображения, шрифты, контент и т. д., но после выполнения запроса соединение между браузером и сервером разрывается.

Руководство по веб-разработке серверной части с помощью Node.js

Серверы и клиенты

Термин «сервер» может немного сбивать с толку тех, кто плохо знаком с отраслью, поскольку он может относиться как к аппаратному обеспечению (физические компьютеры, на которых размещены все файлы и программное обеспечение, требуемое веб-сайтами), так и к программному обеспечению (программе, которая позволяет пользователям получать доступ к этим файлам в Интернете).

Сегодня мы поговорим о программной части. Но сначала несколько определений. URL обозначает Universal Resource Locator и состоит из 3 частей: протокола, сервера и запрашиваемого файла.

Руководство по веб-разработке серверной части с помощью Node.js

Протокол HTTP определяет несколько методов, которые браузер может использовать, чтобы попросить сервер выполнить кучу различных действий, наиболее распространенными из которых являются GET и POST. Когда пользователь кликает ссылку или вводит URL-адрес в адресную строку, браузер отправляет серверу GE-запрос на получение ресурса, определенного в URL-адресе.

Сервер должен знать, как обрабатывать этот HTTP-запрос, чтобы получить правильный файл, а затем отправить его обратно браузеру, который его запросил. Наиболее популярное программное обеспечение веб-сервера, которое обрабатывает это Apache и NGINX.

Руководство по веб-разработке серверной части с помощью Node.js

Оба представляют собой полный пакет программ с открытым исходным кодом, которые включают в себя такие функции, как схемы аутентификации, перезапись URL-адресов, ведение журнала и проксирование, и это лишь некоторые из них. Apache и NGINX написаны на C. Технически, вы можете написать веб-сервер на любом языке. Python, Go, Ruby, этот список можно продолжаться довольно долго. Просто некоторые языки лучше делают определенные вещи, чем другие.

Создание HTTP-сервера с помощью Node.js

Node.js — это среда выполнения Javascript, построенная на движке Chrome V8 Javascript. Он поставляется с модулем http, который предоставляет набор функций и классов для построения HTTP-сервера.

Для этого простого HTTP-сервера мы также будем использовать file system, path и url, все они являются нативными модулями Node.js. Начните с импорта необходимых модулей.

Мы также создадим словарь MIME типов, чтобы мы могли назначить соответствующий MIME тип запрашиваемому ресурсу на основе его расширения. Полный список MIME типов можно найти в Internet Assigned Numbers Authority.

Теперь мы можем создать HTTP-сервер с помощью функции http.createServer(), которая будет возвращать новый экземпляр http.Server.

Мы будем передавать функцию обработчика запроса в createServer() с объектами request и response. Эта функция вызывается каждый раз, когда к серверу поступает HTTP-запрос.

Бесплатный курс «Full-Stack практика»

Изучите курс и узнайте, как создать веб-приложение с нуля на JavaScript, NodeJS, ExpressJS

Получить курс

Сервер запускается путем вызова метода listen для объекта сервера с номером порта, который мы хотим, чтобы сервер прослушивал, например 5000.

Объект request является экземпляром IncomingMessage и позволяет получить доступ к разного рода информации о запросе, такой как ответ состояния, заголовки и данные.

Объект response является экземпляром ServerResponse, который является потоком с возможностью записи, а также предоставляет многочисленные методы для отправки данных обратно клиенту.

В обработчике запросов мы хотим сделать следующее:

Парсим входящий запрос и обрабатываем без расширений

Выполняем некоторые элементарные проверки, чтобы определить, существует ли запрошенный ресурс, и соответственно отвечаем

Весь код размещен на Glitch, и вы, если хотите, можете сделать ремикс проекта.

Создание HTTP-сервера с помощью фреймворков Node.js

Среды Node.js, такие как Express, Koa.js и Hapi.js, поставляются с различными полезными функциями промежуточного программного обеспечения, в дополнение к множеству других удобных функций, которые избавляют разработчиков от необходимости писать код самим.

Лично я думаю, что полезно сначала изучить основы без фреймворков, просто для понимания того, что происходит под капотом, а затем после этого сходить с ума с любым фреймворком, который вам нравится.

Express имеет собственное встроенное промежуточное программное обеспечение для обслуживания статических файлов, поэтому код, необходимый для выполнения того же действия, что и в самом Node.js, значительно короче.

Koa.js не включает в ядре никакого промежуточного программного обеспечения, поэтому любое необходимое промежуточное программное обеспечение должно быть установлено отдельно. Последняя версия Koa.js использует асинхронные функции вместо обратных вызовов. Для обслуживания статических файлов вы можете использовать промежуточное ПО koa-static.

Для использования Hapi.js необходима настройка объекта server. Он использует плагины для расширения возможностей, таких как маршрутизация, аутентификация и так далее. Для обслуживания статических файлов нам понадобится плагин под названием inert.

У каждой из этих платформ есть свои плюсы и минусы, и они проявляются очевиднее при работе с более крупными приложениями. Выбор фреймворка будет зависеть от реальных требований проекта, над которым вы работаете.

Завершение

Если сетевая сторона всегда была для вас черным ящиком, надеюсь, эта статья может послужить полезным введением в протоколы, которые обеспечивают работу сети. Я также настоятельно рекомендую прочитать документацию по API Node.js, которая будет полезна для любого новичка в Node.js.

Автор: Chen Hui Jing

Источник: https://blog.bitsrc.io/

Редакция: Команда webformyself.

Бесплатный курс «Full-Stack практика»

Изучите курс и узнайте, как создать веб-приложение с нуля на JavaScript, NodeJS, ExpressJS

Получить курс

NodeJS. Основы

Посмотрите видео по NodeJS!

Смотреть

Метки:

Похожие статьи:

Комментарии Вконтакте:

Комментарии Facebook:

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">

Я не робот.

Spam Protection by WP-SpamFree