Запуск и работа с экспресс-приложением NodeJS за минуту (2022)

В этом учебнике по Nodejs вы узнаете, как научиться работать с приложением nodejs за несколько минут.

Давайте начнем.

  • Установите Node.js & NPM
  • Инициализируйте ваш проект
  • Установите Express
  • Установите Nodemon
  • Создайте файл Index.js
  • Запустите приложение Nodejs

Установите Node.js и NPM

Сначала убедитесь, что вы установили node и npm на свой компьютер, если вы этого еще не сделали.

Перейдите на сайт nodejs.org и скачайте LTS-версию на свой компьютер.

После загрузки дважды щелкните мышью, чтобы завершить процесс установки.

На этом этапе вы успешно установили Node, а также NPM (Node Package Manager).

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

node -v
npm -v
Войти в полноэкранный режим Выйти из полноэкранного режима

Инициализация проекта

Создайте папку проекта на вашем компьютере и откройте ее в вашем любимом редакторе. Я предпочитаю visual studio, так как он поставляется вместе с Terminal.

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

npm init -y
Войти в полноэкранный режим Выйти из полноэкранного режима

Установите Express

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

Чтобы установить express:

npm I express
Войдите в полноэкранный режим Выйдите из полноэкранного режима

После успешной установки вы увидите папку «node_modules» и файл «package-lock.json», добавленный в папку проекта.

Вы также можете проверить наличие установленных пакетов npm внутри package.json в объекте dependencies.

Установите Nodemon

Nodemon — это один из пакетов npm, который поможет нам запускать приложение без перезапуска сервера каждый раз, когда мы вносим изменения в наш проект.

Чтобы установить nodemon, выполните следующую команду:

npm install nodemon
Войти в полноэкранный режим Выйти из полноэкранного режима

Затем перейдите в package.json и замените свойство внутри скриптов с:

Test: echo Err
Enter fullscreen mode Выйти из полноэкранного режима

на:

"devStart" : "nodemon index.js"
Enter fullscreen mode Выйти из полноэкранного режима

Создайте файл Index.js

Внутри проекта создайте файл index.js, в нем импортируйте express в верхней части, создайте express-сервер и сохраните его в константе с именем app.

const express = require('express');
const app = express();
Вход в полноэкранный режим Выйдите из полноэкранного режима

Затем создайте маршрут для домашнего url, который будет «/», используя метод запроса HTTP get().

app.get("/", (req, res) => {
    res.send("I will be shown on the Browser");
    console.log("I will be shown on the Terminal");
});
Войдите в полноэкранный режим Выход из полноэкранного режима

Метод Get() принимает два аргумента:

  1. URL маршрута, в данном случае домашний url («/»).
  2. Функция обратного вызова, которая будет иметь req и res в качестве параметров. Эта функция будет вызываться, когда пользователь перейдет на домашний маршрут.

Затем мы можем отправить некоторые данные в браузер, используя объект ответа, вызвав метод send().

Текст, который мы добавили в качестве аргумента метода send(), будет виден в браузере.

Я также сделал консольный лог, чтобы мы могли видеть текст в терминале/командной строке.

Наконец, прослушиваем порт 3000.

app.listen(3000);
Вход в полноэкранный режим Выход из полноэкранного режима

Запуск приложения Node.js

Давайте запустим приложение с помощью следующей команды:

nodemon
Войти в полноэкранный режим Выйти из полноэкранного режима

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

Если вы получили такую ошибку, выполните следующую команду и перезапустите nodemon

killall -9 node

Это должно устранить проблему.

После успешного запуска nodemon вы увидите, как в окне Терминала появится сообщение console.log.

Откройте браузер и перейдите на следующий URL:

http://localhost:3000/
Войти в полноэкранный режим Выйти из полноэкранного режима

В браузере появится текст.

Оцените статью
Procodings.ru
Добавить комментарий