Npm http server как запустить

25.11.2023

Запуск локального сервера

При развертывании локального сервера можно выбрать его тип из нескольких вариантов, например Apache, Wamp или nginx. Мы можем посоветовать один из типов сервера, преимущество которого состоит в отсутствии необходимости его настройки: http-сервер.

Установка

Установите библиотеку Node.js при помощи одной из программ установки в https://nodejs.org/.
Запустите консоль командной строки. В Windows введите «Командная строка» в поле поиска и затем дважды щелкните на элемент «Командная строка» в списке результатов.
Убедитесь, что установлена последняя версия npm, запустив в консоли следующую команду: sudo npm установки npm –g. В среде Windows не нужно указывать ключевое слово sudo, но необходимо запустить командную строку с правами администратора.
Запустите в консоли / командной строке следующую команду: npm install http-server –g
Создайте папку, в которой вы хотите хранить данные сервера, в том числе данные 3MX.

Использовать

Поместите данные 3MX и копию веб-средства просмотра в папку сервера (она была создана на этапе установки).
Запустите консоль командной строки. В Windows введите «Командная строка» в поле поиска и затем дважды нажмите на элемент «Командная строка» в списке результатов.
В консоли перейдите в папку сервера
Введите «http-сервер»
Теперь в любом браузере можно ввести http://localhost:8080, чтобы получить доступ к серверу. Перейдите в папку веб-средства просмотра, чтобы отобразить результаты обработки. В разделе «Настройка веб-средства просмотра» приводятся инструкции по использованию одного средства просмотра для всех сцен.

Основная тема: Приложение А: Открытие веб-приложения Acute 3D на вашем компьютере

Запуск HTTP-сервера и выдача HTML-файла

Node не только содержит возможность обрабатывать JS-файлы, как мы только что сделали, он также может создать HTTP-сервер. Мы собираемся рассмотреть создание HTTP-сервера с Node-фреймворком Express для обработки HTML-файла.

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

Давайте придерживаться того же приложения, добавив фреймворк Express с выдачей HTML-файла. Нам понадобятся те же файлы (package.json, server.js) и к ним мы добавим новый файл index.html.

Express: Node-фреймворк

Одним из самых больших преимуществ Node является то, что он содержит поддержку множества пакетов. Сообщество отправляет много пакетов в npm и на момент написания в нём хранится 129257 пакетов, которые загрузили свыше 17694831 раз за последний день. Это большое достижение!

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

Вы, возможно, слышали о Grunt, Gulp или даже препроцессорах CSS вроде Less — всё это может быть пакетом.

Express — лёгкая платформа для создания веб-приложений с использованием Node.js. Express помогает организовать веб-приложение на стороне сервера. Сайт ExpressJS описывает его как «минимальной и гибкий Node-фреймворк для веб-приложений».

Express скрывает много внутренней работы Node, которая позволяет вам погрузиться в код приложения, получать всякие штуки и работать намного быстрее. Он прост для изучения и ещё даёт вам немного гибкости с его структурой.

Существует причина, почему в настоящее время это самый популярный фреймворк для Node. Вот несколько больших имён использующих Express:

Для просмотра полного списка зайдите на эту страницу.

Express поставляется с несколькими замечательными возможностями, которые добавят лёгкости в вашу разработку:

маршрутизация;
обработка запросов;
настройки приложения;
связующее программное обеспечение.

Не волнуйтесь, если эти термины являются для вас новыми. Просто знайте, что Express делает разработку намного проще и работать с ним в радость.

Установка Express

Пакеты для конкретного приложения Node определяются в package.json. Для получения установленных пакетов вы можете использовать один из двух методов:

Метод 1: Написать пакет в package.json.
Метод 2: В командной строке использовать npm install.

Мы собираемся использовать второй метод. Перейдите в командную строку и наберите:

$ npm install express --save

Модификатор —save сообщает npm, что он должен записать этот пакет в ваш файл package.json. Если вы выполните эту команду и посмотрите файл package.json, то заметите, что пакет появился в разделе dependencies. Вы также заметите, что была создана новая папка с именем node_modules. В ней Node хранит пакеты для конкретного проекта.

Меняться проектами между разработчиками и сотрудниками очень легко. Просто отправьте другим пользователям ваш проект и они запустят npm install чтобы установить всё из раздела dependencies.

Поскольку у нас уже есть Node и готов Express, используем их для создания HTTP-сервера и выдачи HTML-файла нашим пользователям.

Создание HTTP-сервера и отправка HTML-файла

Начнём с лёгкой части на нашем пути — с HTML-файла. В проекте создайте новый файл index.html и поместите внутрь следующее:

    Моё Node-приложение!   body Моё приложение!

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

Двинемся вперёд и создадим наш HTTP-сервер в Node с помощью Express. Удалите всё из файла server.js и добавьте то что нам понадобится:

// берём Express var express = require('express'); // создаём Express-приложение var app = express(); // создаём маршрут для главной страницы // http://localhost:8080/ app.get('/', function(req, res) < res.sendfile('index.html'); >); // запускаем сервер на порту 8080 app.listen(8080); // отправляем сообщение console.log('Сервер стартовал!');

Кроме этого файла больше ничего не требуется, чтобы использовать Express для запуска HTTP-сервера и отправки HTML-файла!

Читать:

Что такое порт в майнкрафте

require() является основным путём вызова пакета в Node. После создания Express-приложения в app , мы можем определить маршрут с помощью переменной HTTP. app.get() создаёт GET маршрут /.

При создании маршрутов, мы всегда будем иметь доступ к req (запрос) и res (ответ). Запрос содержит информацию из браузера. Ответ — это то, что мы отправим обратно пользователю. Мы используем sendfile() , но гораздо больше вещей можно сделать, отправляя данные обратно в формате JSON с помощью res.json() .

Сервер запускается через app.listen() и туда же передаётся желаемый порт 8080.

Чтобы убедиться что всё работает, перейдите в командную строку, чтобы обработать этот файл и запустить сервер.

$ nodemon server.js

Теперь мы можем посмотреть на наш сайт в браузере по адресу http://localhost:8080.

Всякий раз, когда мы запускаем сервер с Node, он будет размещён по адресу http://localhost:НОМЕР_ПОРТА.

Это очень лёгкий и быстрый способ создать HTTP-сервер и начать разработку. Node и Express могут применяться для создания удивительных приложений или при необходимости они просто запускают простой сервер для работы.

Отлично! Мы уже много сделали с Node:

установили Node;
обработали очень простой файл;
использовали npm для установки пакета;
создали HTTP-сервер с Express;
отобразили HTML-файл.

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

Node.JS, NPM Package — Как запустить локальный сервер коммандой npm start?

Есть веб-страница, лежащая в папке «webdir».
Папка «webdir» находится в папке «server». В папке «server» через консоль был создан package.json файл (командой npm init ).
В ту же папку «server» был установлен http сервер (командой npm install http-server ). Теперь я могу зайти в консоле в папку «webdir» и командой npm node [директория к файлу bin, в моем случае: (. )/node_modules/http-server/bin] запустить локальный сервер и открыть мою веб-страницу в браузере по адресу localhost:8080 Вопрос: Как сделать так, чтобы, скачав NPM package с веб страницей и сервером, можно было запустить сервер (и увидеть сайт) одной командой — npm start ? Должен ли я создать в папке «server» JS файл с именем start.js, который будет вводить в консоль команду node (. )/node_modules/http-server/bin и открывать после этого страницу по адресу localhost:8080 ? Или это следует делать иначе? Только осваиваю NodeJS и NPM, буду благодарен за разъяснение.

Отслеживать
задан 12 авг 2016 в 14:21
1,075 2 2 золотых знака 17 17 серебряных знаков 33 33 бронзовых знака
12 авг 2016 в 14:24

@Grundy, спасибо, то есть я должен сначала установить http сервер, а потом прописать ту же комманду «node /node_modules/http-server/bin» при создании package.json файла, верно?

12 авг 2016 в 14:27

вообще, как именно должна выглядеть команда не могу сказать, но прописать ее надо в какое-то свойство scripts

Запуск сервера на NodeJS

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

Первое что получает пользователь при открытии страницы сайта — это «заголовки» от сервера. В них содержится техническая информация о запрашиваемой странице, о типе её содержания, о размере и других параметрах, включая информацию о статусе ответа сервера. Заголовки можно установить методами «statusCode» и «setHeader». А содержимое страницы задаётся с помощью метода «write».

Попробуем привести простейший пример и разобраться со всем по порядку:

let http = require('http'); http.createServer(function(request, response) < response.statusCode = 200; response.setHeader('Content-Type' : 'text/html'); response.write('Тише, мыши, кот на крыше'); response.end(); >).listen(80);

В параметре метода «createServer» записывается функция с двумя аргументами — принимаемыми от пользователя к серверу (request) и передаваемыми от сервера к пользователю (responce) данными. Эта функция выполняется для каждого пользователя отдельно. То есть каждый посетитель сайта при запросе получит свой результат работы этой функции.

Учтите, что если внутри функции в параметре «createServer» использовались переменные, которые определялись вне неё, то их значение будет у всех пользователей одинаковым. То есть если один изменит его, то все остальные тоже увидят изменённое значение.

В этом примере NodeJS ожидает запроса через TCP порт номер 80 (в конце примера можно увидеть «listen(80)»). А в ответе сервера с помощью метода «setHeader» должен быть отправлен заголовок ‘Content-Type’ : ‘text/html’ и с помощью метода «write» содержание страницы равное «Тише, мыши, кот на крыше». Метод «statusCode» добавляет заголовок с числовым кодом ответа сервера (200 — всё в порядке, 404 — нет такой страницы). Проверим работу этого примера.

Для проверки необходимо запустить этот скрипт в консоли сервера. Делается это обычным способом (пишется «node» и относительный/абсолютный путь к файлу, который нужно запустить):

node script.js

После запуска ничего не будет выведено в консоль, но скрипт не будет остановлен. Скрипт войдёт в метод «createServer» и начнёт бесконечное выполнение (пока администратор сервера сам его не прервёт через Ctrl+C). Во время выполнения этого бесконечного цикла обратиться к серверу через браузер, к нужному 80-ому порту (это стандартный порт для сайтов без SSL шифрования). Вернётся страница с содержанием «Тише, мыши, кот на крыше».