Вы изучаете веб-разработку и не знаете, как начать проект Node.js? Не волнуйся, ты у меня есть! Я покажу вам, как создать свой первый бэкэнд с помощью Node.js и Express.js всего за 5 шагов.

?️5 ключевых шагов:

• Шаг 1. Настройка проекта
• Шаг 2. Организуйте папки
• Шаг 3. Создайте файл server.js
• Шаг 4. Постройте маршруты
• Шаг 5. Запустите серверную часть

Шаг 1: Настройте проект ?️

1. Установите Node.js и npm: скачайте и установите Node.js с официального сайта. Он поставляется с npm (менеджером пакетов узлов), который помогает вам управлять пакетами.

2. Создать папку проекта: создайте папку для своего проекта. Откройте терминал (или командную строку) и введите:

   mkdir my-node-project
   cd my-node-project

3. Инициализируйте свой проект: внутри папки настройте новый проект Node.js, набрав:

   npm init

При этом будет создан файл package.json, в котором будет храниться вся информация о вашем проекте и зависимости. Если вы не уверены, просто нажмите Enter для каждого вопроса.

4. Установите Express.js: Express.js — это платформа, упрощающая создание серверной части. Установите его, набрав:

   npm install express

Шаг 2. Организуйте свои папки?

Важно поддерживать порядок! Вот как вы можете структурировать свой проект:

• server.js: здесь мы пишем основной код сервера.
• routes/: здесь хранятся файлы маршрутов (где вы обрабатываете веб-запросы).
• контроллеры/: сохраните код, который управляет логикой маршрутов.
• модели/: сохраните модели базы данных, если вы используете базу данных (сейчас это не требуется).

Пример структуры папок:

my-node-project/
├── routes/
├── server.js
├── package.json
└── node_modules/

Шаг 3. Создайте файл server.js ?️

1. Создайте файл: внутри папки проекта создайте файл с именем server.js. Это будет точка входа вашего приложения.

2. Напишите свой первый сервер Node.js:

   const express = require('express'); // Importing express
   const app = express(); // Creating an express app

   // Create a route that sends a response when visiting the homepage
   app.get('/', (req, res) => {
     res.send('
Hello, Express.js Server!
');
   });

   // Set up the server to listen on port 3000
   const port = 3000;
   app.listen(port, () => {
     console.log(`Server is running on port ${port}`);
   });

3. Проверьте это: запустите свой сервер, набрав:

   node server.js

Теперь откройте веб-браузер и перейдите по адресу http://localhost:3000. Вы должны увидеть «Привет, сервер Express.js!» на экране!

Шаг 4: Постройте маршруты?

Маршруты определяют, как ваш сервер отвечает на различные запросы URL.

1. Создайте маршрут: в файле server.js уже есть один маршрут:

   app.get('/', (req, res) => {
     res.send('Hello, Express.js Server!');
   });

2. Добавить больше маршрутов: Давайте добавим еще несколько маршрутов:

   app.get('/about', (req, res) => {
     res.send('This is the about page');
   });

   app.get('/contact', (req, res) => {
     res.send('This is the contact page');
   });

3. Проверьте свои маршруты: после сохранения перейдите в браузер и посетите следующие URL-адреса:

• http://localhost:3000/ – должно отображаться «Привет, сервер Express.js!»
• http://localhost:3000/about – должно отображаться «Это страница о странице»
• http://localhost:3000/contact – должно отображаться «Это страница контактов»

Шаг 5: Запустите свой бэкэнд ??

Чтобы поддерживать работоспособность вашего сервера и тестировать изменения:

1. Запустите сервер: запустите сервер еще раз:

   node server.js

2. Проверьте это: вы можете посетить URL-адреса в своем браузере или использовать такой инструмент, как Postman, для отправки запросов.

3. Постоянно обновляйте свой сервер: вы можете установить nodemon, который автоматически перезапускает сервер при изменении кода:

   npm install -g nodemon

Теперь вместо node server.js запустите:

   nodemon server.js

Выход?:

Когда вы посетите http://localhost:3000/, вы увидите:

Hello, Express.js Server!

Когда вы посетите http://localhost:3000/about, вы увидите:

This is the about page

✅?Рекомендация:

Используйте этот печатный шаблон концепции бэкэнд-разработчика, чтобы отслеживать свой прогресс!

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

Эта дорожная карта:

• ?️ Обеспечивает четкий путь, чтобы избежать путаницы.
• ? Помогает вам сохранять мотивацию, указывая, где начать и закончить.
• ? Следует структурированному плану, подобному школьной программе.
• ? Организует ваше обучение с помощью еженедельных целей по инструментам и языкам.
• ⏳ Гарантирует выполнение в течение 6 месяцев, включая все необходимое.
• ? Имеет красивый дизайн для удобной навигации.

Спасибо, что прочитали эту статью. Обязательно подпишитесь на меня? для получения последних обновлений.

Подробнее: навыки, которые помогут стать бэкенд-разработчиком за 6 месяцев (дорожная карта)