Хорошо, Тамал, ты много слышал о новомодном Node.js.

Вы установили его на свой компьютер много лет назад, но не совсем уверены, что это такое и для чего он нужен.

Что ж, сегодня тебе угощение, Тамал! Я собираюсь научить вас основам Node.js с помощью этого полезного, удобного для новичков руководства.

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

Итак, приступим !!

Node по сравнению с PHP, Python, Ruby on Rails:

Людям нравится сравнивать Node.js с PHP, Python и многими другими языками. Но сначала вам следует знать одну вещь:

Node.js - это не язык.

Это платформа, работающая на компьютере. Он позволяет использовать JavaScript для выполнения различных задач.

С помощью Node.js вы можете автоматизировать различные утомительные задачи на компьютере. Вы делаете это, написав код JavaScript.

Такой утомительной задачей может быть мгновенное преобразование файла SASS в файл CSS при сохранении. Так что вам не придется перекомпилировать его снова и снова.

Другой скучной задачей может быть обновление браузера каждый раз, когда вы нажимаете кнопку «Сохранить» в HTML-документе.

Node.js позволяет вам делать все это, и он более удобен для веб-разработчиков.

Используя ту же технологию, вы можете писать серверные веб-приложения.

Такие приложения, как Twitter, Reddit, сайт электронной коммерции или даже социальная сеть.

Благодаря Node он позволяет писать код на JavaScript как для внешнего вида, так и для серверных сценариев. Для такого забывчивого человека, как вы, легче просто придерживаться одного языка и его парадигм, чем время от времени переключаться между JS и PHP.

Установка Node и других инструментов

Вы должны смоделировать свой компьютер, чтобы он работал как сервер. Так же, как вы использовали XAMPP для запуска файлов WordPress и PHP. Только на этот раз он немного менее громоздкий.

Команды узла выдаются с использованием интерфейса командной строки. Программа CMD по умолчанию, которая поставляется с Windows, не собирается ее сокращать и слишком хромает.

Так что продолжайте и скачайте и установите Git на свой компьютер.

Это даст вам аккуратный маленький терминал Bash, который вы можете использовать для ввода различных команд.

Вы уже прошли курс командной строки от Codecademy, поэтому научиться переходить из одного каталога в другой не составит труда.

Чтобы упростить задачу, вы можете просто щелкнуть правой кнопкой мыши папку и щелкнуть здесь Git bash, это откроет окно терминала с уже введенным выбранным путем к документу.

Чтобы создавать что-то с помощью Node, вам нужно установить Node ..duh!

Так что перейдите на официальную страницу Node.js, скачайте установщик и установите его на свой компьютер. Если вы хотите знать, какую версию Node использовать, пожалуйста.

Откройте свой терминал в любом месте и введите:

node -v

Это покажет версию вашего узла, и это означает, что вы правильно установили его.

Выполните другую команду:

npm -v

Это покажет вам другую версию. NPM происходит от Node Package Manager и похож на репозиторий плагинов для Node.js. Все, что вы хотите реализовать в своем приложении, вы должны использовать NPM для установки этого пакета.

Допустим, вы хотите создать приложение, которое будет получать твиты из учетной записи Twitter. Вместо того, чтобы самостоятельно писать всю конфигурацию / аутентификацию, вы можете установить существующий пакет, который сделает это за вас.

Мне также понадобится редактор кода для редактирования файлов узлов. Я использую редактор кода Atom, так что об этом позаботились, не беспокойтесь.

Теперь, когда все готово, давайте настроим базовое приложение.

Создание супер-отстойного приложения «Hello World»?

Я ненавижу все эти уроки, где мне показывают, как написать «Hello world» на экране. Подумаешь!

И я действительно зол, что написал его сам.

Вы знаете, что такое Тамал… мы не собираемся писать паршивую программу «Hello World». Мы напишем что-нибудь другое.

Напишет «Привет, Тамал»

... хм, это немного уместно, потому что, когда я помещаю текст на экран, мир его не видит. Только я это увижу.

Но все равно будет довольно отстойно. И это даже не настоящее приложение.

Поверьте мне в этом!

Это поможет вам изучить основы создания современного веб-приложения.

Чтобы создать новый сайт, я создам новую папку и назову ее node

Я щелкну папку правой кнопкой мыши и открою ее в редакторе Atom.

Внутри папки я создам новый файл с именем app.js.

App.js будет выступать в качестве центрального индексного файла моего приложения. Я могу называть его как угодно, но по общему соглашению называть его app.js или server.js (это то, что я знаю до сих пор)

Я собираюсь еще раз щелкнуть правой кнопкой мыши папку node, на этот раз, чтобы открыть git bash.

Из Git Bash / Terminal:

Введите:

npm init --yes

И нажмите Enter.

Команда npm init создаст в моей папке package.json файл со следующим содержимым:

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

Символ --yes в конце команды заполнит файл конфигурации образцами данных. В противном случае вам будет предложено ввести имя, версию и т. Д.

В любом случае у вас нет времени настраивать все это для этого черновика приложения!

Хорошо, теперь у нас есть app.js файл и package.json файл в нашем каталоге узлов, пора установить первый модуль.

Зайдите в терминал и введите:

npm install express

Через несколько секунд новый экспресс-модуль будет установлен в каталог вашего проекта. Вы увидите новую папку внутри вашего проекта под названием node_modules с кучей файлов. Все эти файлы поставлялись с модулем express.

При создании узловых приложений express - это модуль GO TO для создания множества вещей. Вы узнаете это, работая с Node, вот почему Express JS используется в Node. А пока просто знайте, что это очень популярный фреймворк для создания приложений на основе узлов.

Напишите 4 новые строки кода в app.js

Откройте app.js и напишите эти четыре строчки кода.

Первая строка (добавление экспресса в наш проект):

const express = require('express');

Мы используем функцию require, встроенную в node.js, для вызова экспресс-модуля. Затем сохраните его в const с именем express.

Узел будет искать модуль с именем express в папке node_modules.

Вторая строка (экспресс в нашем приложении):

Тип:

const app = express();

Эта строка запустит экземпляр express и сохранит его в константе с именем app. Таким образом, мы теперь будем обращаться к этой переменной с именем app всякий раз, когда нам нужно использовать различные методы выражения.

Третья строка (создайте URL-адрес и отобразите текст на экране):

Вам понравится этот. Вы создадите путь URL-адреса и текст для отображения на этом URL-адресе. Тип:

app.get('/', (req, res) => {
    res.send('Hello Tamal');
});

Это называется маршрутом.

Метод app.get() принимает два параметра. Первый параметр - это URL-адрес загружаемой страницы. Когда я устанавливаю '/', я имею в виду домашнюю страницу или страницу указателя, на которую нужно выполнить маршрутизацию.

Второй аргумент - это функция, которая принимает в качестве параметров HTTP запрос и ответ. (Это стрелочная функция, которую я люблю использовать)

Затем я использую метод res.send() и отправляю текст для отображения, когда я загружу этот URL.

На экране отобразится нечеткий текст.

Четвертая строка (запуск приложения через порт):

Наконец, мы пишем метод listen() на app для прослушивания порта с номером 3000:

app.listen(3000);

Окончательный код в app.js файле будет выглядеть так:

const express = require('express');
const app = express();
app.get('/', (req, res) => {
 res.send('Hello Tamal');
});
app.listen(3000);

Последний шаг (запуск сервера, чтобы увидеть текст):

Теперь перейдите в свой терминал (Git Bash) и введите:

node app.js

Это запустит приложение на этом URL-адресе вашего компьютера - › localhost: 3000

Вы увидите нечеткий текст, отображаемый на экране:

Я знаю, что это супер хромой. Вся эта тяжелая работа только для того, чтобы показать паршивый текст «Hello world»?

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

Я горжусь тобой!

Теперь, когда вы знаете азбуку узла, продолжайте свое обучение, взяв следующие ресурсы:

Считаете этот пост полезным? Пожалуйста, дайте ему ХОЗЯЙСТВО!

Привет, Я пишу в своем блоге новые сообщения о Node JS и JavaScript. Посмотрите их здесь.