Найпростіший сервер Node.js - це просто:
$ npm install http-server -g
Тепер ви можете запустити сервер за допомогою таких команд:
$ cd MyApp
$ http-server
Якщо ви використовуєте NPM 5.2.0 або новішу версію, ви можете використовувати її http-server
без встановлення npx
. Це не рекомендується для використання у виробництві, але це чудовий спосіб швидкого запуску сервера на localhost.
$ npx http-server
Або ви можете спробувати це, що відкриває ваш веб-браузер і дозволяє запити CORS:
$ http-server -o --cors
Щоб отримати додаткові варіанти, перегляньте документацію http-server
на GitHub або запустіть:
$ http-server --help
Безліч інших приємних функцій і простого мозку-простого розгортання до NodeJitsu.
Особливості вилки
Звичайно, ви можете легко доповнити функції власною виделкою. Ви можете виявити, що це вже зроблено в одній з 800+ вил цього проекту:
Легкий сервер: автоматична освіжаюча альтернатива
Гарна альтернатива - 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-сервер може бути тим, що ви шукаєте.
Автомобільні оновлення редакторів
Більшість редакторів веб-сторінок та інструментів IDE тепер включає веб-сервер, який буде дивитися ваші вихідні файли та автоматично оновлювати вашу веб-сторінку при їх зміні.
Я використовую Live Server з кодом Visual Studio.
У відкритій вихідному текстовому редакторі Кронштейни також включає в себе NodeJS статичного веб - сервер. Просто відкрийте будь-який HTML-файл у дужках, натисніть " Попередній перегляд ", і він запустить статичний сервер і відкриє ваш браузер на сторінці. Веб-переглядач ** автоматично оновлюватиметься кожного разу, коли ви редагуєте та зберігаєте HTML-файл. Це особливо корисно при тестуванні адаптивних веб-сайтів. Відкрийте сторінку HTML у кількох браузерах / розмірах вікон / пристроях. Збережіть сторінку HTML і миттєво побачити , якщо ваш адаптивний матеріал працює , як вони все автообновления.
Developer PhoneGap
Якщо ви кодуєте гібридний мобільний додаток , можливо, вам буде цікаво знати, що команда PhoneGap взяла на озброєння цю концепцію автоматичного оновлення разом із новим додатком PhoneGap . Це загальний мобільний додаток, який може завантажувати файли HTML5 з сервера під час розробки. Це дуже хитра хитрість, оскільки тепер ви можете пропустити повільні кроки компіляції / розгортання у вашому циклі розвитку для гібридних мобільних додатків, якщо ви змінюєте файли JS / CSS / HTML - саме цим ви займаєтеся більшу частину часу. Вони також надають статичний веб-сервер NodeJS (запуск phonegap serve
), який виявляє зміни файлів.
Розробники PhoneGap + Sencha Touch
Зараз я широко адаптував статичний сервер PhoneGap та додаток для розробників PhoneGap для розробників Sencha Touch & jQuery Mobile. Перевірте це на Sencha Touch Live . Підтримує --qr QR-коди та --localtunnel, який проксі-сервер передає ваш статичний сервер з настільного комп’ютера до URL-адреси за межами брандмауера! Тон використання. Масивна швидкість для гібридних мобільних розробників.
Cordova + Ionic Framework Developers
Функції локального сервера та автоматичного оновлення вкладаються в ionic
інструмент. Просто запустіть ionic serve
із папки додатків. Ще краще ... ionic serve --lab
для перегляду автоматичного оновлення поруч із iOS та Android.