С моим бесконечным стремлением стать хорошо разбирающимся в Full Stack разработчиком, я погрузился в мир Node JS. Если вы новичок в Node JS, то Node JS — это серверная среда с открытым исходным кодом, которая использует JavaScript на сервере. Обычной задачей для веб-сервера может быть открытие файла на сервере (бэкенд) и возвращение содержимого клиенту (фронтенд). Существуют и другие серверные языки, такие как Python, Ruby, Java, PHP и др.
Я решил изучать Node JS, потому что, во-первых, он написан на JavaScript, что означает, что я могу иметь и фронтенд, и бэкенд, написанные на одном языке, JavaScript. Что еще более важно, JavaScript имеет массивное и растущее сообщество, что чрезвычайно полезно, поскольку обеспечивает отличную систему поддержки, на которую можно опереться при возникновении проблем.
Это подводит меня к Express JS, который является минимальным и гибким Node.js фреймворком для веб-приложений, предоставляющим надежный набор функций для веб- и мобильных приложений.
Слишком много разговоров, давайте начнем кодить 👨💻.
Прежде чем начать, убедитесь, что у вас установлен Node JS. Чтобы проверить, откройте терминал или cmd и выполните команду node --version, чтобы проверить версию node. Если у вас не установлен node, нажмите здесь, чтобы установить.
ШАГ 1 — Настройка окружения:
Теперь давайте настроим окружение для нашего сервера. Прежде всего, создайте папку под названием my-server. Это можно сделать в терминале командой mkdir my-server. Войдите в папку командой cd my-server. Вы можете использовать любой текстовый редактор по вашему выбору, но я буду использовать Visual Studio Code. Вы можете щелкнуть здесь, чтобы загрузить его.
Теперь открываем нашу папку в редакторе и запускаем npm init в терминале. нам придется ответить на ряд вопросов, большинство из которых не важны. Чтобы пропустить этот шаг, выполните вместо него npm init -y.
После выполнения команды будет создан файл package.json. Ниже приведено изображение этого файла.
В package.json будет содержаться основная информация о вашем приложении. Он также управляет всеми зависимостями вашего приложения.
ШАГ 2 — Установка необходимых зависимостей
Теперь давайте приступим к установке некоторых зависимостей. Прежде всего, мы установим Express JS. Это можно сделать, выполнив команду npm i express в терминале. Убедитесь, что вы находитесь в директории my-server в терминале. После завершения установки вы увидите папку node_modules, не редактируйте эту папку. Она содержит все зависимости Express JS и зависимости этих зависимостей.
Еще один пакет, который мы хотим установить, это nodemon. Этот пакет будет следить за любыми изменениями в нашем коде и автоматически перезапускать сервер без необходимости постоянно делать это вручную. Этот пакет будет использоваться в разработке, что означает, что мы не хотим иметь его в production, поэтому мы можем установить его как зависимость dev, запустив npm i -D nodemon.
Наш файл package.json должен выглядеть следующим образом
Теперь позвольте мне объяснить новые изменения в нашем файле package.json. В строке 7 я добавил скрипт start, который будет использовать nodemon для отслеживания изменений в нашем файле index.js (мы скоро создадим этот файл). Это означает, что когда я запущу npm start в терминале, наш пакет nodemon будет запущен. Строки 9 — 11 показывают все зависимости, которые мы установили. В данном случае Express. Затем в строках 15 — 17 показаны все зависимости dev. В данном случае nodemon.
ШАГ 3 — Раскрутка Express Server
Следующее, что мы хотим сделать, это создать точку входа в наше приложение. Для этого создайте новый файл index.js. Я покажу вам свой файл index.js и объясню, что делает код.
В строке 1 я импортирую express и сохраняю его в константе.
В строке 3 я инициализирую express и сохраняю его в другой константе.
В строке 5 мы сохраняем порт нашего сервера в константе. process.env.PORT проверит ваши переменные среды, если номер порта был определен, в противном случае он будет использовать port 8000.
В строке 7 мы используем встроенный метод listen, который ожидает по крайней мере один аргумент, которым является номер порта. Мы также можем передать функцию обратного вызова в качестве второго аргумента. В нашем случае мы только записываем в консоль, на каком порту работает сервер.
На данный момент, если вы запустите npm start в терминале, вы должны увидеть запущенный nodemon и сообщение «Server is running on port 8000».
Ура!!! 🥳 у вас есть рабочий экспресс-сервер. Я покажу вам, как настроить маршруты к вашему серверу в последующих блогах.
Спасибо, что прочитали, и надеюсь, я разожгла ваш аппетит, чтобы узнать больше и поэкспериментировать с Node JS и Express JS.