Когда дело доходит до IDE, Visual Studio делает программирование в Node.js действительно простым. В моем предыдущем посте мы установили инструменты Node.js и выполнили несколько основных проектов «hello world». В этом посте давайте глубже погрузимся в то, что возможно. В этом посте я просто хочу установить пакет узлов с помощью инструментов Visual Studio. Просто щелкнув правой кнопкой мыши, вы можете ввести некоторые пакеты через IDE. Давайте сделаем это с самыми вездесущими пакетами из всех — Express.
Что я хотел бы осветить в этом и следующих нескольких постах
-
Добавление пакетов в проект Node.js
-
Использование некоторых шаблонов проектов в Visual Studio
-
Использование некоторых мощных инструментов отладки в Visual Studio
Пакеты узлов
Одним из первых мест, где заканчивает любой разработчик Node.js, является веб-сайт https://npmjs.org/ . Здесь вы можете скачать пакеты Node, которые расширяют и расширяют возможности самого Node, эффективно добавляя дополнительные библиотеки для определенных возможностей, которые вы хотите добавить в свой проект (приложение Node).
Пакеты Node являются неотъемлемой частью работы разработчика. Философия заключается в том, чтобы приносить только те библиотеки, которые вам нужны, чтобы все было легко и чисто.
Совершенно правильным подходом является использование утилит командной строки для этого. Я лично всегда в командной строке, поэтому у меня нет проблем с командной строкой. На самом деле я использую vsvim для моего редактора по умолчанию для всего, поэтому я вполне доволен подходом UNIX / Linux к программированию.
Тем не менее, нет ничего плохого с правой кнопкой мыши.
Рисунок 1 — Веб-сайт Node Package Manager
Одним из интересных аспектов этого сайта является то, что он рассказывает вам о самых популярных и наиболее часто используемых пакетах.
Рисунок 2 — ранговые пакеты узлов
Это означает, что когда я буду обсуждать некоторые модули, я, вероятно, расскажу, как могут работать некоторые из этих модулей. На самом деле, Visual Studio имеет встроенную поддержку Express , которая кажется отличным местом для начала.
Экспресс-пакет Node
Цель Express — предоставить небольшие надежные инструменты для HTTP-серверов. Он построен на пакете Connect. Это помогает внедрить популярный шаблон MVC в ваше приложение и позволяет использовать существующие библиотеки шаблонов, такие как ejs, jade и dustjs. Эти библиотеки шаблонов помогают вам управлять пользовательским интерфейсом, отправляемым в браузер.
Экспресс помогает с маршрутами, обработки запросов и просмотров. Это упрощает такие вещи, как анализ полезных данных, куки и хранение сессий.
Если вы хотите написать простое приложение на основе REST, Express может значительно сократить объем кода, который вам нужно написать.
Разработчики часто используют MongoDB, которая является базой данных на основе JSON, и Mongoose, которая выступает в качестве уровня абстракции для MongoDB.
Рисунок 3 — Как некоторые из пакетов Node работают вместе
Выберите новый проект из Visual Studio.
Рисунок 4 — Файл / Новый проект
Выберите Blank Node.js веб — приложения .
Рисунок 5 — Пустое веб-приложение Node.js
Откройте обозреватель решений Visual Studio.
Рисунок 6 — Добавление новых модулей
Я столкнулся с небольшим количеством проблем с сертификатами уровня защищенных сокетов. При загрузке пакетов возникла некоторая проблема, поэтому я выполнил эту команду для сброса центра сертификации. Казалось бы, решить проблему.
Я получил ошибку «Ошибка: ошибка SSL: CERT_UNTRUSTED».
В командной строке я выдал следующее:
npm config set ca null
Рисунок 7 — Добавление экспресса
В конце этого процесса вы должны увидеть:
Рисунок 8 — После добавления экспресс
В package.json появилось несколько новых записей . Это теперь включает в себя экспресс как зависимость.
Рисунок 9 — package.json показывает установленные пакеты для проекта
А Visual Studio Solution Explorer содержит еще несколько вещей:
Рисунок 10 — Visual Studio показывает экспресс установлен
Обратите внимание, что выражение выражает несколько зависимостей от других пакетов, перечисленных выше. Вы можете думать, что экспресс — это набор других полезных пакетов.
| Буфер-CRC | Чистый Javascript CRC32 алгоритм, который хорошо работает с двоичными данными |
| командир | полное решение для программ командной строки node.js |
| подключения | Высокопроизводительная платформа промежуточного программного обеспечения |
| печенье | Разбор и сериализация файлов cookie |
| печенья подписи | Подписывать и подписывать куки |
| отлаживать | Утилита отладки |
| свежий | Проверка свежести HTTP-ответа |
| слияния-дескрипторы | Объединение объектов с использованием дескрипторов |
| методы | Методы HTTP, которые поддерживает узел, такие как глаголы http, например post, put, head. |
| mkdirp | Рекурсивно mkdir, как `mkdir -p` |
| Диапазон-анализатор | Анализатор строки поля заголовка диапазона |
| Отправить | Лучший потоковый статический файловый сервер с поддержкой Range и условно-GET |
Если вам действительно интересно, вы можете погрузиться во весь код, внесенный в ваш проект, как показано ниже:
Рисунок 11 — Папки проекта также показывают пакеты
Это весь код Javascript в этих папках с рисунка 11.
Server.js
//////////////////////////////
// This code is the non-express version
//
// 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);
//////////////////////////////
// This is Hello World with express
// Module dependencies.
var express = require('express');
var app = express();
// Configuration
app.configure( function() {
});
// Routes
app.get('/', function(req, res) {
res.send('Hello World');
});
app.listen(1337);
Вы можете видеть, что код с экспрессом абстрагирует некоторые детали. Идея написания заголовка и включения модуля HTTP скрыта в экспресс- сантехнике.
Все, что я сделал на этом этапе — нажал клавишу F5, чтобы запустить его. В следующем посте мы расскажем о некоторых возможностях Visual Studio и отладке этого приложения.
Рисунок 12 — Hello World с экспрессом
Резюме
Цель этого поста состояла в том, чтобы показать вам, как вы можете добавить пакет узлов, используя Visual Studio. Также были предоставлены некоторые дополнительные сведения о том, что происходит в установленных пакетах. Краткое описание экспресс-пакета было изложено вместе с соответствующими зависимыми модулями, которые он использует. Наконец, если у вас возникли проблемы с SSL, имейте в виду команду, которую я предоставил.