5) Node.js Express

3) Angular.js — инфраструктура JavaScript MVC, используемая для веб-приложений

4) Node.js — платформа, используемая для масштабируемых серверных и сетевых приложений.

Среда Express.js позволяет очень легко разработать приложение, которое можно использовать для обработки запросов нескольких типов, таких как запросы GET, PUT, POST и DELETE.

Установка и использование Express

var express=require('express');
var app=express();
app.get('/',function(req,res)
{
res.send('Hello World!');
});
var server=app.listen(3000,function() {});

Объяснение кода:

1. В нашей первой строке кода мы используем функцию require для включения «экспресс-модуля».
2. Прежде чем мы сможем начать использовать экспресс-модуль, нам нужно сделать из него объект.
3. Здесь мы создаем функцию обратного вызова. Эта функция будет вызываться всякий раз, когда кто-нибудь просматривает корень нашего веб-приложения, который является http: // localhost: 3000 . Функция обратного вызова будет использоваться для отправки строки «Hello World» на веб-страницу.
4. В функции обратного вызова мы отправляем строку «Hello World» обратно клиенту. Параметр res используется для отправки контента обратно на веб-страницу. Этот параметр «res» — это то, что предоставляется модулем «request», чтобы позволить отправлять контент обратно на веб-страницу.
5. Затем мы используем функцию прослушивания, чтобы наше серверное приложение прослушивало запросы клиентов на порту № 3000. Здесь вы можете указать любой доступный порт.

Если команда выполнена успешно, при запуске кода в браузере будет показан следующий вывод.

Вывод:

Из вывода

• Вы можете четко видеть, что если мы перейдем к URL-адресу localhost на порту 3000, вы увидите строку «Hello World», отображаемую на странице.
• Поскольку в нашем коде мы специально указали, что сервер должен прослушивать порт № 3000, мы можем просматривать выходные данные при просмотре этого URL.

Какие маршруты?

http://localhost:3000/Books
http://localhost:3000/Students

app.METHOD(PATH, HANDLER)

var express = require('express');
var app = express();
app.route('/Node').get(function(req,res)
{
    res.send("Tutorial on Node");
});
app.route('/Angular').get(function(req,res)
{
    res.send("Tutorial on Angular");
});
app.get('/',function(req,res){
    res.send('Welcome to Guru99 Tutorials');
}));

Объяснение кода:

1. Здесь мы определяем маршрут, если в браузере выбран URL http: // localhost: 3000 / Node . К маршруту мы прикрепляем функцию обратного вызова, которая будет вызываться при переходе к URL-адресу узла.

   Функция имеет 2 параметра.

• Основным параметром, который мы будем использовать, является параметр ‘res’, который можно использовать для отправки информации обратно клиенту.
• Параметр ‘req’ содержит информацию о выполняемом запросе. Иногда дополнительные параметры могут быть отправлены как часть выполняемого запроса, и, следовательно, параметр ‘req’ может использоваться для поиска дополнительных параметров, которые отправляются.

2. Мы используем функцию send для отправки строки «Tutorial on Node» обратно клиенту, если выбран маршрут Node.
3. Здесь мы определяем маршрут, если в браузере выбран URL http: // localhost: 3000 / Angular . К маршруту мы прикрепляем функцию обратного вызова, которая будет вызываться при переходе к угловому URL-адресу.
4. Мы используем функцию send для отправки строки «Tutorial on Angular» обратно клиенту, если выбран маршрут Angular.
5. Это маршрут по умолчанию, который выбирается при переходе к маршруту приложения — http: // localhost: 3000 . Когда выбран маршрут по умолчанию, клиенту будет отправлено сообщение «Welcome to Guru99 Tutorials».

Если команда выполнена успешно, при запуске кода в браузере будет показан следующий вывод.

Вывод:

Из вывода

• Вы можете ясно видеть, что если мы перейдем к URL-адресу localhost на порту 3000, вы увидите строку «Welcome to Guru99 Tutorials», отображаемую на странице.
• Потому что в нашем коде мы упоминали, что наш URL по умолчанию будет отображать это сообщение.

Из вывода

• Вы можете видеть, что если URL-адрес был изменен на / Node, будет выбран соответствующий маршрут Node, и отобразится строка «Tutorial On Node».

Из вывода

• Вы можете видеть, что если URL был изменен на / Angular, будет выбран соответствующий маршрут Node, и отобразится строка «Tutorial On Angular».

Пример веб-сервера с использованием express.js

var express=require('express');
var app=express();
app.set('view engine','jade');
app.get('/',function(req,res)
{
res.render('index',
{title:'Guru99',message:'Welcome'})
});
var server=app.listen(3000,function() {});