Как создать локальный сервер для запуска проекта AngularJS

Python имеет встроенную команду специально для запуска веб-сервера:

Python3.x:

python -m http.server 8000

другие версии:

python -m SimpleHTTPServer 8000

запустил бы веб-сервер на порту 8000

(Python является обязательным условием для этого; если у вас не установлен python, другие ответы могут быть проще)

вы можете начать с установки узла.js от терминала или cmd:

apt-get install nodejs-legacy npm

затем установите зависимости:

npm install

затем запустите сервер:

npm start

• выполнить

ng serve

эта команда выполняется в вашем терминале после вашего местоположения в папке проекта, например ~/my-app$

• затем запустите команду - она покажет URl ng Live Development Server слушает на localhost:4200

• откройте браузер на http://localhost:4200

cd <your project folder> (где находится развертываемый код вашего angularjs)

sudo npm install serve-g

служить

вы можете нажать на вашу страницу

localhost: 3000 или IPaddress: 3000

Я использую:

• Express и
• Морган
  
  

Установить Узел.js. и НПМ. npm устанавливается вместе с узлом.js

помещается в корневой каталог проекта

$ cd <your_angularjs_project>

следующая команда создает пакет.json

$ npm init

установить экспресс ==> быстрый, unopinionated, минималистский для узла:

$ npm install express --save

установить Morgan ==> HTTP request logger middleware для узел.js

$ npm install morgan --save

создать файл-сервера.js

добавьте следующий код на сервере.js file

// Required Modules
var express    = require("express");
var morgan     = require("morgan");
var app        = express();

var port = process.env.PORT || 3002;

app.use(morgan("dev"));
app.use(express.static("./"));

app.get("/", function(req, res) {
    res.sendFile("./index.html"); //index.html file of your angularjs application
});

// Start Server
app.listen(port, function () {
    console.log( "Express server listening on port " + port);
});

наконец Запустите свой проект AngularJS в localhost server:

$ node server.js

"предполагая, что у вас есть nodejs установлен",

мини-адресу http - достаточно простой инструмент командной строки для создания HTTP-сервера
установите пакет глобально npm install mini-http -g
затем с помощью cmd (терминал) запустите mini-http -p=3000 в папке проекта И бум! вы создали сервер на порту 3000 сейчас проверю http://localhost:3000

Примечание: указание порта не требуется, можно просто запустить mini-http или mh начать сервер

Если вы java guy просто поместите свою угловую папку в папку веб-контента вашего веб-приложения и разверните ее на сервере tomcat. Очень просто !

используйте пакет npm для локального веб-сервера.

https://www.npmjs.com/package/local-web-server

$ npm install -g local-web-server
$ cd <your-app-folder>
$ ws

кроме того, вы можете запустить

$ ws -p 8181

-P определяет порт, который вы хотите использовать

после этого просто зайдите в свой браузер и получите доступ http:localhost:8181/

Предположим, у вас уже есть узел.установлен JS, вы можете использовать браузер синхронизации для синхронного тестирования браузера.

приложение angular может быть развернуто с помощью любого веб-сервера на локальном хосте. Приведенные ниже параметры описывают инструкции по развертыванию для нескольких возможные развертывания веб-серверов в зависимости от требований к развертыванию.

---

Microsofts Internet Information Services (IIS)

1. Windows IIS должен быть включен 1.1. В Windows Откройте Панель управления и нажмите кнопку Установка и удаление программ. 1.2. В окне установка и удаление программ нажмите кнопку Установка и удаление Windows Комплектующие. 1.3. Установите флажок службы IIS, нажмите кнопку Далее и нажмите кнопку Готово. 1.4. Скопируйте и извлеките Zip-файл приложения Angular в корневой каталог веб-сервера: C:\inetpub\wwwroot
2. приложение Angular теперь можно получить, используя следующий URL: http://localhost:8080

---

NPMs Lightweight Web Server

1. установка легкого веб-сервера 1.1. Скачать и установить НПМ от: https://www.npmjs.com/get-npm 1.2. После установки npm откройте командную строку и введите: npm install-g http-сервер 1.3. Извлеките угловой Zip-файл
2. запустить веб-сервер, откройте командную строку и перейдите в каталог где вы извлекли угловой ранее и введите: http-сервер
3. приложение Angular Application теперь можно получить с помощью следующего URL-адреса: http://localhost:8080

---

Веб-Сервер Apache Tomcat

1. установка Apache Tomcat версии 8 1.1. Скачать и установить Apache Tomcat из: https://tomcat.apache.org/ 1.2. Скопируйте и извлеките Zip-файл приложения Angular в корневой каталог веб-сервера C:\Program файлы\Apache Software Foundation\Tomcat 7.0\webapps
2. приложение Angular теперь можно получить, используя следующий URL: http://localhost:8080

вы также можете настроить среду в visual studio code. Выполните сочетание клавиш Ctrl + сдвиг + Р, то показатель CTR введите в поле, которое появляется и выберите задачи:настройка задач бегун, то и менять задачу.файл JSON для этого: { "version": "0.1.0", "command": "explorer", "windows": { "command": "explorer.exe" }, "args": ["index.html"] } сохранить изменения, а затем выберите свой индекс.html-файл и введите Ctrl + Shift + B. Это откроет проект с помощью браузера по умолчанию.

Если вы использовали Visual Studio Community или любой другой выпуск для вашего углового ПРОЕКТА, Перейдите в папку проекта, сначала введите

C:\Project папка>npm install-g http-server Вы увидите следующим образом: + [email protected] добавлено 25 пакетов в 4.213 s

затем введите C:\Project папка > http-server-o

вы увидите, что ваше приложение автоматически появляется в http://127.0.0.1:8080/