Самый простой сервер Node.js это просто:
$ npm install http-server -g
Теперь вы можете запустить сервер с помощью следующих команд:
$ cd MyApp
$ http-server
Если вы используете NPM 5.2.0 или новее, вы можете использовать его http-server
без установки npx
. Это не рекомендуется для использования в производстве, но это отличный способ быстро запустить сервер на локальном хосте.
$ npx http-server
Или вы можете попробовать это, чтобы открыть ваш веб-браузер и включить запросы CORS:
$ http-server -o --cors
Для получения дополнительных опций ознакомьтесь с документацией http-server
по GitHub или запустите:
$ http-server --help
Множество других приятных функций и простое развертывание в NodeJitsu.
Feature Forks
Конечно, вы можете легко дополнить функции своей вилкой. Вы можете обнаружить, что это уже было сделано в одном из существующих 800+ форков этого проекта:
Light Server: альтернатива автообновлению
Хорошая альтернатива http-server
есть light-server
. Он поддерживает просмотр файлов и автообновление и многие другие функции.
$ npm install -g light-server
$ light-server
Добавить в свой каталог контекстное меню в проводнике Windows
reg.exe add HKCR\Directory\shell\LightServer\command /ve /t REG_EXPAND_SZ /f /d "\"C:\nodejs\light-server.cmd\" \"-o\" \"-s\" \"%V\""
Простой JSON REST сервер
Если вам нужно создать простой REST-сервер для прототипа проекта, тогда вам может подойти json-server .
Редакторы автообновления
Большинство редакторов веб-страниц и инструментов IDE теперь включают веб-сервер, который будет следить за вашими исходными файлами и автоматически обновлять веб-страницу при их изменении.
Я использую Live Server с кодом Visual Studio.
В открытой исходном текстовом редакторе Кронштейны также включает в себя NodeJS статического веб - сервер. Просто откройте любой HTML-файл в скобках, нажмите « Live Preview », и он запустит статический сервер и откроет ваш браузер на странице. Браузер ** автоматически обновляется каждый раз, когда вы редактируете и сохраняете файл HTML. Это особенно полезно при тестировании адаптивных веб-сайтов. Откройте HTML-страницу в нескольких браузерах / размерах окон / устройствах. Сохраните HTML-страницу и сразу посмотрите, работает ли ваш адаптивный материал, поскольку все они автоматически обновляются.
Разработчики PhoneGap
Если вы пишете гибридное мобильное приложение , вам может быть интересно узнать, что команда PhoneGap приняла эту концепцию автоматического обновления вместе со своим новым приложением PhoneGap . Это универсальное мобильное приложение, которое может загружать файлы HTML5 с сервера во время разработки. Это очень хитрый трюк, поскольку теперь вы можете пропустить медленные этапы компиляции / развертывания в цикле разработки для гибридных мобильных приложений, если вы изменяете файлы JS / CSS / HTML - это то, что вы делаете большую часть времени. Они также предоставляют статический веб-сервер NodeJS (запуск phonegap serve
), который обнаруживает изменения файла.
Разработчики PhoneGap + Sencha Touch
Сейчас я широко адаптировал статический сервер PhoneGap и приложение PhoneGap Developer для разработчиков Sencha Touch и jQuery Mobile. Проверьте это на Sencha Touch Live . Поддерживает --qr QR-коды и --localtunnel, который проксирует ваш статический сервер с вашего настольного компьютера по URL-адресу за пределами вашего брандмауэра! Тонны использования. Массовое ускорение для гибридных мобильных разработчиков.
Cordova + Ionic Framework Разработчики
Локальный сервер и функции автоматического обновления встроены в ionic
инструмент. Просто запустите ionic serve
из папки вашего приложения. Еще лучше ... ionic serve --lab
просматривать автообновление рядом с iOS и Android.