Создание веб-приложения для чата на основе Node.js: начало работы

1. Запустите Visual Studio. В меню «Файл» выберите « Создать» , а затем « Проект» .



2. В окне «Новый проект» разверните пункт « Установленные» , разверните « Шаблоны» и нажмите « JavaScript» . В главном окне выберите Пустое веб-приложение Node.js. Выберите местоположение и имя для своего проекта, а затем нажмите OK .



3. Вам будет представлен следующий экран. Не стесняйтесь исследовать Visual Studio на этом этапе. Вы захотите открыть сгенерированный файл server.js



4. Теперь вы можете отлаживать веб-приложение node.js в своем браузере.

Приложение «Hello World» в Node.js

Вот код, используемый в файле server.js, указанном выше.

 var http = require('http');
var port = process.env.port || 1337;
http.createServer(function (req, res) {
  res.writeHead(200, { 'Content-Type': 'text/plain' });
  res.end('Hello World\n');
}).listen(port);

Как обычно на других языках, пример сгенерированного кода показывает, как вывести «Hello World» в браузере. Позвольте мне объяснить, как сгенерированный код в server.js Как указано в описании этого руководства, я предполагаю, что вы знакомы с JavaScript, HTML5 и с тем, как работает HTTP / Интернет.

Строка 1

 var http = require(‘http’);

Node.js имеет простой модуль и систему загрузки зависимостей. Вы просто вызываете function “require”

Линия 2

 var port = process.env.port || 1337;

В этой строке мы хотим определить, на каком порту должен работать HTTP-сервер, обслуживающий HTML. Если в переменных среды указан номер порта, мы будем использовать его или просто 1337.

Линия 3

 http.createServer(function (req, res) {

Мы хотим создать сервер для обработки HTTP-запросов. Мы также передадим функции createServer функцию обратного вызова, содержащую два параметра, для обработки каждого отдельного запроса и возврата ответа. Посмотрите на статью Майкла Воллмера, если вы никогда не сталкивались с функциями обратного вызова в JavaScript. Полученный запрос передается в req parameter

Строка 4

 res.writeHead(200, { ‘Content-Type’: ‘text/plain’ });

Любой ответ HTTP требует строки состояния и заголовков, чтобы узнать больше о заголовках HTTP и как они работают, ознакомьтесь с этой статьей . В этом случае мы хотим вернуть 200 OK в качестве ответа о состоянии и указать тип содержимого в виде простого текста. Мы определяем это, вызывая writeHead function

Строка 5

 res.end(‘Hello World\n’);

Как только мы закончим писать ответ, мы хотим вызвать end function Мы также можем передать конечный контент через end function

Строка 6

 }).listen(port);

Мы закрываем функцию обратного вызова и вызываем function listen

Чтобы увидеть результат, вы можете начать отладку, нажав на кнопку, показанную на предыдущем скриншоте. Вы можете увидеть «Hello World» в браузере.

Вуаля! Вы успешно запустили приложение Node.js в Windows 8.1 с помощью Visual Studio 2013.

Оставайтесь с нами для части 2!

Часть 2. Как развернуть свой «Hello World» в облаке здесь . Вы можете быть в курсе этой и других статей, следуя моей учетной записи в Twitter .

Подробнее об Node на Azure

Для более глубокого изучения на узле, мой курс доступен здесь, в Microsoft Virtual Academy.

Или видео в более коротком формате на похожие темы:

• Серия из шести частей: Создание приложений с помощью node.JS

• Прогулка по узлу (Coding4Fun)

Эта статья является частью серии технологий веб-разработки от Microsoft. Мы рады поделиться с вами Project Spartan и его новым механизмом рендеринга . Получите бесплатные виртуальные машины или проведите удаленное тестирование на устройстве Mac, iOS, Android или Windows на сайте modern.IE .