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

Я використовував Xampp та JetBrain WebStorm для запуску проекту AngularJS. Але це складний і низький рівень продуктивності. Чи є якийсь інший спосіб запустити проект AngularJS?

Якщо ви працюєте node.js http-сервер - це дуже просто.

cd у папку вашого проекту та

npx http-server -o 

# or, install it separately so you don't need npx
npm install -g http-server
http-server -o 

-oце відкрити браузер на сторінку. Запустіть, http-server --helpщоб переглянути інші параметри, такі як зміна номера порту

Не маю node?

ці інші однострої можуть бути простішими, якщо у вас немає node/npm встановлено.

Наприклад, python поставляється заздалегідь встановленим у більшості систем, тому пітонові сервери John Doe нижче були б швидшими.

MacOS поставляється з рубіном, тому це ще один простий варіант, якщо ви працюєте з Mac: ruby -run -ehttpd . -p8000і відкрийте браузер для http://localhost:8000.

У Python є вбудована команда спеціально для відтворення веб-сервера:

Python3.x:

python -m http.server 8000

Інші версії:

python -m SimpleHTTPServer 8000

Запустить веб-сервер на порт 8000

(Python є необхідною умовою цього; якщо у вас немає встановленого python, інші відповіді можуть бути простішими)

Почати можна з установки Node.js з терміналу або cmd:

apt-get install nodejs-legacy npm

Потім встановіть залежності:

npm install

Потім запустіть сервер:

npm start

cd <your project folder>(там, де є розгортається код вашого angularjs)

sudo npm встановити serve -g

служити

Ви можете потрапити на свою сторінку на

localhost: 3000 або IPadadress: 3000

Я використовую:

• експрес і
• морган
  
  

Встановити Node.js. і н / хв. npm встановлюється за допомогою Node.js

Розміщений всередині кореневого каталогу проекту

$ cd <your_angularjs_project>

Наступна команда створює package.json

$ npm init

Встановити express ==> Швидкий, ненапружений, мінімалістичний для вузла:

$ npm install express --save

Встановіть morgan ==> проміжне програмне забезпечення для реєстрації запитів HTTP для node.js

$ npm install morgan --save

створити файл server.js

додати наступний код у файл server.js

// 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:

$ node server.js

Використовуйте 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 /

• Біжи

ng служити

Ця команда виконується у вашому терміналі після розташування в папці проекту ~/my-app$

• Потім запустіть команду - вона покаже, що URl NG Live Development Server прослуховується localhost:4200

• Відкрийте веб-переглядач на веб-сайті http: // localhost: 4200

Кутову програму можна розгорнути за допомогою будь-якого веб-сервера на localhost. Наведені нижче параметри викладають інструкції з розгортання для декількох можливих розгортань веб-сервера залежно від ваших вимог до розгортання.

Інтернет-інформаційні послуги Microsofts (IIS)

1. Потрібно ввімкнути Windows IIS

   1.1. У Windows перейдіть на панель керування та натисніть кнопку Додати або видалити програми.

   1.2. У вікні Додати або видалити програми натисніть кнопку Додати / видалити компоненти Windows.

   1.3. Установіть прапорець Internet Information Services (IIS), натисніть кнопку Далі, а потім натисніть кнопку Готово.

   1.4. Скопіюйте та витягніть файл Angular Application Zip у кореневий каталог веб-сервера: C: \ inetpub \ wwwroot

2. Зараз доступ до програми Angular можна отримати за допомогою наступної URL-адреси: http: // localhost: 8080

Легкий веб-сервер NPM

1. Встановлення легкого веб-сервера 1.1. Завантажте та встановіть npm з: https://www.npmjs.com/get-npm 1.2. Після встановлення npm відкрийте командний рядок і введіть: npm install -g http-server 1.3. Витягніть файл Angular Zip
2. Щоб запустити веб-сервер, відкрийте командний рядок та перейдіть до каталогу, де ви раніше вилучили Angular та введіть: http-server
3. Тепер до програми Angular Application можна отримати доступ за такою URL-адресою: http: // localhost: 8080

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

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

"Якщо припустити, що у вас встановлено nodejs",

mini-http - це досить простий інструмент командного рядка для створення http-сервера,
встановлення пакета в усьому світі, npm install mini-http -g
а потім за допомогою cmd (терміналу), запущеного mini-http -p=3000у вашому каталозі проекту. ви створили сервер на порту 3000, перейдіть перевірити http: // localhost: 3000

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

Якщо ви - хлопець Java, просто помістіть свою кутову папку в папку веб-вмісту веб-програми та розгорніть на своєму сервері tomcat. Супер легко!

Припускаючи , що ви вже встановили Node.js, ви можете використовувати браузер синхронізацію для синхронізованою тестуванні браузера.

Якщо ви використовували спільноту Visual Studio або будь-яке інше видання для свого кутового проекту, перейдіть до папки проекту спочатку наберіть

C: \ Папка проекту> npm install -g http-сервер Ви побачите наступне: + http-server@0.11.1 додано 25 пакунків у 4.213s

Потім введіть C: \ Project Folder> http-server –o

Ви побачите, що ваша програма автоматично з’являється на веб-сайті http://127.0.0.1:8080/

Ви також можете налаштувати середовище у візуальному коді студії. Запустіть Ctrl + Shift + P, а потім введіть ctr у вікно, яке відображається, та виберіть завдання: Налаштування запуску завдань, потім змініть файл task.json на це: { "version": "0.1.0", "command": "explorer", "windows": { "command": "explorer.exe" }, "args": ["index.html"] }збережіть зміни, Потім виберіть файл index.html та введіть Ctrl + Shift + B. Це відкриє проект за допомогою браузера за замовчуванням.