(Эта статья является частью продолжающейся серии статей о мягких навыках и техническом волшебстве от Натана Томаса, инженера-программиста полного цикла, обучающегося в 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 и Сайт портфолио)
📝 Прочтите этот рассказ позже в Журнале.
🗞 Просыпайтесь каждое воскресное утро и слышите самые интересные истории, мнения и новости недели, ожидающие в вашем почтовом ящике: Получите примечательный информационный бюллетень›