user

Авторизация

Добро пожаловать!

Регистрация

Graf

Кодинг

Настройка среды разработки Node.js. Быстрый способ создание проекта с помощью фреймворка Express

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

Установка Node.js

  • OS X — Самый простой способ установить Node.js на OS X — использовать официальный установщик с сайта nodejs.org . Вы также можете использовать Homebrew, если хотите. Для управления и переключения между версиями Node.js на вашем компьютере мы рекомендуем использовать nvm .
  • Windows — Самый простой способ установить Node.js в Windows — это официальный установщик с сайта nodejs.org . Вы также можете использовать Chocolatey, если хотите. Для управления и переключения между версиями Node.js на вашем компьютере мы рекомендуем использовать nvm-windows
  • Linux — Способ установки Node.js зависит от дистрибутива. Для управления и переключения между версиями Node.js на вашем компьютере мы рекомендуем использовать nvm.

Установите текстовый редактор или IDE

 Прежде чем мы сможем начать проект Node.js, нам понадобится место для написания нашего кода.

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

  • Visual Studio Code в настоящее время является самой популярной интегрированной средой разработки (IDE), используемой для проектов JavaScript. Это быстрый бесплатный редактор и отладчик, который работает на всех платформах и поставляется со многими уже установленными полезными инструментами.
  • WebStorm — еще одна чрезвычайно мощная IDE, построенная на платформе IntelliJ с открытым исходным кодом. Попробовать можно бесплатно, но через 30 дней требуется платная лицензия.
  • Инструменты Node.js для Visual Studio — отличный вариант, если вы уже являетесь пользователем Visual Studio .
  • Vim — многолетний любимый текстовый редактор среди опытных пользователей.

 Если вы новичок в программировании, мы настоятельно рекомендуем начать с Visual Studio Code.

Запуск нового проекта с помощью npm init

 Перед запуском любого нового проекта Node.js мы должны запустить npm init, чтобы создать новый package.jsonфайл для нашего проекта.

 Создайте новый пустой каталог в среде разработки и запустите npm init. Затем вы ответите на несколько основных вопросов о вашем проекте, и npm создаст package.json для вас новый файл, когда вы закончите.

 Теперь мы готовы установить наши зависимости Node.js.

 Также вы можете быстро инициализировать свой проект и пропустить приведенные выше подсказки, запустив npm init -y

Установка Express.js

 Мы почти готовы написать веб-приложение Express, но сначала нам нужно установить пакет Express с помощью npm.

 Node.js использует npm для управления зависимостями, поэтому команда для установки Express в нашу среду разработки — npm install express.

 Установка этого пакета указывает npm добавить пакет Express к dependencies объекту в package.json файле нашего проекта. Когда мы захотим снова установить этот же пакет в будущем, например, на рабочем сервере, мы можем просто запустить npm install.

Создание простого приложения в Express.js

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

 Затем мы можем попробовать запустить наше новое приложение Express с помощью команды node index.js. Если вы откроете http://localhost:3000 в своем браузере, вы должны увидеть «Hello World!» отклик.

Установка ngrok для локальной разработки

 Как только вы увидите сообщение «Hello World!» в своем образце приложения Express. сообщение, ваша среда разработки готова к работе. Однако для большинства проектов вам потребуется установить еще один полезный инструмент: ngrok.

 Большинство служб используют веб-перехватчики для связи с вашим приложением. Например, когда Twilio получает входящий телефонный звонок, он обращается к URL-адресу в вашем приложении для получения инструкций о том, как обработать вызов.

 Когда вы работаете над своим приложением Express в своей среде разработки, ваше приложение доступно только другим программам на том же компьютере.

 Ngrok — наш любимый инструмент для решения этой проблемы. После запуска он предоставляет уникальный URL-адрес в домене ngrok.io, который будет перенаправлять входящие запросы в вашу локальную среду разработки.

 Для начала перейдите на страницу загрузки ngrok и скачайте бинарный файл для вашей операционной системы: https://ngrok.com/download

 После загрузки убедитесь, что ваше приложение Express запущено, а затем запустите ngrok с помощью команды ./ngrok http 3000. Вы должны увидеть вывод, похожий на этот:

 Ваше уникальное доменное имя ngrok будет отображаться в строке «Forwarding». Здесь наш «https://6e81-2601-1c0-6100-5087-309b-c292-5e5f-1f.ngrok.io».

 Если все работает правильно, вы сможете открыть это доменное имя в своем браузере и увидеть «Hello World!» вашего приложения Express. сообщение, отображаемое на вашем новом URL-адресе ngrok.

 Каждый раз, когда вы работаете над своим приложением и вам нужен URL-адрес для веб-перехватчика, используйте ngrok, чтобы получить общедоступный URL-адрес, подобный этому.

 Теперь вы готовы создать свое приложение Express!