Это начало серии сообщений о том, как начать веб-разработку в Node.js, и мы отправимся в путешествие по миру разработки, развертывания, ведения журналов, хостинга, управления контентом, кэширования, безопасности, CDN, платежные шлюзы и мониторинг; все в облаке и все бесплатно.
Во-первых, нам нужно настроить вас на Node.js. Посетите https://nodejs.org/ и загрузите и установите последнюю версию Node для вашей среды. Если вы ищете долгосрочную поддержку для своего приложения, придерживайтесь четной основной версии (например, 4.2.6 на момент написания).
В командной строке введите
чтобы убедиться, что Node установлен правильно. Вторая команда — показать версию npm, менеджера пакетов, который поставляется с Node. Подробнее об этом позже.
Если все в порядке, вы должны увидеть номер версии, которую вы установили.
Так, что дальше? Что ж, приличный текстовый редактор важен, и вы можете либо придерживаться того, что вы знаете, либо выбрать редактор, такой как Visual Studio Code от Microsoft, который имеет много замечательных функций, но особенно впечатляет его отладка Node.js и поддержка кода. , а также увеличивающийся набор расширений. Попробуйте или остановитесь на том, который вам удобен.
Нам нужно создать некоторый код сейчас, но прежде чем мы это сделаем, мы действительно хотим убедиться, что наш исходный код контролируется версиями. Чтобы максимально использовать некоторые инструменты, которые я представлю позже в этой серии, мы будем использовать Git. Итак, создайте папку проекта и инициализируйте репозиторий Git.
Существует множество руководств и книг для изучения git, поэтому я не буду пытаться что-то добавлять к нему, но убедитесь, что вы понимаете ветки, отправку и получение и удаленные репозитории (подробнее об этом позже).
Хорошо, теперь нам нужно начать создавать код. Следующий шаг можно выполнить вручную, но создание проекта с использованием npm даст вам толчок:
Это проведет вас через ряд шагов по созданию вашего проекта Node.js. Вы можете дать проекту имя, версию и описание, а также некоторые другие атрибуты, которые будут храниться в новом файле JSON в корневой папке вашего проекта с именем package.json. Этот файл является ядром вашего приложения, а другой основной файл — это файл точки входа, который вы выбрали ранее. Вот как выглядит мой файл package.json:
Теперь нам нужно создать наш основной файл; в данном случае index.js. Давайте отредактируем его и добавим немного кода — пока что займитесь чем-нибудь простым.
Затем мы можем запустить файл.
Не забывайте время от времени вносить изменения в Git.
Итак, у нас запущен Node.js. Теперь мы хотим настроить веб-приложение. Для этого (если вы не хотите писать свой собственный фреймворк) мы собираемся установить Express, очень популярный фреймворк со многими собственными расширениями (или промежуточными программами). Чтобы установить его, нам нужно снова использовать npm.
Эта команда указывает npm установить экспресс и сохранить ссылку в файле package.json. Взгляните на это сейчас.
Вы заметите, что Express был добавлен в качестве зависимости. Число после экспресса — это версия пакета в формате semver, но пока у вас будет последняя версия.
Также загляните в папку вашего проекта. Теперь у вас должна быть папка с именем node_modules, которая будет содержать пакет Express. Сейчас, вероятно, самое подходящее время добавить это в ваш файл .gitignore, чтобы вы не могли создавать версии большого количества файлов, которые вам не нужны. Если вы потеряете папку node_modules, просто снова запустите «npm install», чтобы вернуть их.
Далее нам нужно написать наше первое веб-приложение. Создайте файл с именем app.js и скопируйте в него следующий код.
И выполните следующую команду.
Перейдите к http://localhost:3000 и посмотрите, что произойдет. Вы должны увидеть Hello World! появиться в вашем браузере. Поздравляем с вашим первым веб-приложением Node. Дополнительные сведения см. в документации по Express.js.
В следующем уроке мы рассмотрим добавление облачных сервисов в ваше приложение — и все это бесплатно!
