(Эта статья является частью продолжающейся серии статей о мягких навыках и техническом волшебстве от Натана Томаса, инженера-программиста полного цикла, обучающегося в Lambda School в Силиконовой долине. Нажмите здесь, чтобы увидеть третью часть этой серии, статью о Важность позитива и нажмите здесь , чтобы перейти к пятой части, посвященной Стремлению к настойчивости и стойкости .)

«Мама, возьми камеру!»

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

В этой статье сделано только два предположения: первое - вы знакомы с IDE (интегрированными средами разработки, такими как Microsoft VSCode) / текстовыми редакторами, а второе - что вы знаете, как открыть окно терминала bash и перемещаться по нему. папки на вашем компьютере с ним. Для справки: терминал выглядит примерно так (хотя ваш может немного отличаться):

Если оба эти утверждения нашли отклик у вас, давайте сделаем первый шаг на этом пути к нашему личному ботнету.

Шаг 1. Установите Node.js

Идите вперед и откройте окно терминала. Нам нужно установить узел, прежде чем мы действительно сможем что-либо создать. Я предполагаю, что он у вас не установлен.

Для MacOS:

  • Введите команду /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" в свой терминал и нажмите Enter. Это установит Homebrew, менеджер пакетов, который нам понадобится для установки Node.js. Вы можете проверить правильность установки Homebrew, набрав brew -v в терминале и нажав Enter. Если он вернет вам строку чисел, это та версия, которую вы установили сейчас.
  • Когда установка будет завершена, введите в терминал команду brew install node и нажмите Enter. Иди возьми кофе, пока ждешь, пока он закончится.

Для Windows:

  • Перейдите на сайт Node.js здесь и загрузите соответствующий установочный пакет для своей операционной системы. Если ваш компьютер удаленно близок к новому, вы, вероятно, захотите использовать загрузку 64-битного исходного кода.
  • Откройте установщик и следуйте инструкциям по установке Node.js на свой компьютер.

Для Linux:

  • В Linux есть самый простой способ установить Node, так как все, что вам нужно, это ввестиsudo apt-get install nodejs в свой терминал bash и нажать Enter. Это установит Node.js глобально для использования в дальнейшем.

Шаг 2: время найти призрак в машине

Теперь начинается самое интересное. Мы собираемся установить несколько быстрых зависимостей и запустить ваш новый блестящий сервер.

Сначала создайте новую папку на своем компьютере. Я бы порекомендовал назвать это чем-нибудь забавным. Я назову свое dude, мою личную версию классического приложения Hello World.

Затем откройте эту папку в IDE или текстовом редакторе по выбору. Я собираюсь использовать VSCode, но вы можете использовать все, что вам удобно.

Идите вперед и cd в своем терминале перейдите в каталог, который вы создали для своего нового сервера; когда вы окажетесь там, введите команду npm init в терминал и нажмите Enter. Ваш компьютер станет капризным и задаст вам кучу не относящихся к делу вопросов для проекта такого размера, так что продолжайте и просто нажимайте Enter через все из них.

Теперь у вас будет такая настройка (опять же, я использую VSCode):

Этот маленький файл, который был создан, и есть ваш package.json, и он сообщает Node о вашем проекте.

Следующее, что нам нужно сделать, это установить единственную зависимость с именем express. Это серверный фреймворк, который позволит нам «щелкнуть выключателем» над этим плохим парнем. Введите npm install express в окно терминала и нажмите Enter; теперь вы заметите, что у вас есть «экспресс», перечисленный в группах зависимостей в вашем package.json файле следующим образом:

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

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

По завершении сохраните файл index.js и вернитесь на свой package.json. Нам нужно добавить еще одну вещь, прежде чем мы закончим, и это команда запуска, чтобы наш сервер действительно знал, как включиться. Найдите в вашем package.json раздел, в котором написано scripts, а затем измените его содержимое, чтобы оно выглядело точно так:

Молодец. Пришло время расплачиваться за нашу тяжелую работу!

Шаг 3: переключение переключателя

Вернитесь к своему терминалу и введите команду npm start. Вы должны увидеть на своем терминале сообщение, которое выглядит примерно так:

Видите зачитанный текст, который мы ввели ранее в нашем index.js документе? Значит, наш сервер жив!

Теперь самое интересное - перейдите в свой браузер и введите следующий текст в адресную строку:

http://localhost:7000/

Когда вы нажимаете Enter в адресной строке, у вас должно получиться что-то похожее на это:

Ваш собственный сервер работает на вашем компьютере и представляет данные в вашем браузере из маршрута API, который мы написали! Это круто.

Куда вы возьмете это в будущем, зависит от вас. У меня есть пара ссылок прямо под этим для вас на случай, если вы захотите продолжить это путешествие. Спасибо за код и поздравляю с созданием вашего самого первого сервера!

Экспресс - Документация для веб-фреймворка Node.js

« Создавайте RESTful API с помощью Node и Express от Программирование с помощью Mosh»

Спасибо за прочтение.

Натан

(GitHub, LinkedIn, Twitter, Instagram и Сайт портфолио)

📝 Прочтите этот рассказ позже в Журнале.

🗞 Просыпайтесь каждое воскресное утро и слышите самые интересные истории, мнения и новости недели, ожидающие в вашем почтовом ящике: Получите примечательный информационный бюллетень›