Jak utworzyć serwer localhost, aby uruchomić projekt AngularJS

użyłem Xampp i JetBrain WebStorm do uruchomienia projektu AngularJS. Ale jest to skomplikowane i mało wydajne, czy istnieje inny sposób na uruchomienie projektu AngularJS?

Jeśli używasz serwera http node.js , jest to bardzo łatwe.

cd do folderu projektu i

npx http-server -o 

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

-oto otwarcie przeglądarki na stronie. Uruchom, http-server --helpaby wyświetlić inne opcje, takie jak zmiana numeru portu

Nie masz node?

te inne jednolinijkowe mogą być łatwiejsze, jeśli nie masz node/ npmzainstalowano.

Na przykład język Python jest preinstalowany w większości systemów, więc poniższe serwery języka Python Johna Doe byłyby szybsze.

MacOS jest instalowany z ruby, więc jest to kolejna łatwa opcja, jeśli używasz komputera Mac: ruby -run -ehttpd . -p8000i otwórz przeglądarkę, aby http://localhost:8000.

Python ma wbudowane polecenie przeznaczone specjalnie do uruchamiania serwera WWW:

Python3.x:

python -m http.server 8000

Inne wersje:

python -m SimpleHTTPServer 8000

Uruchomiłby serwer WWW na porcie 8000

(Python jest do tego warunkiem wstępnym; jeśli nie masz zainstalowanego Pythona, inne odpowiedzi mogą być łatwiejsze)

Możesz zacząć od zainstalowania Node.js z terminala lub cmd:

apt-get install nodejs-legacy npm

Następnie zainstaluj zależności:

npm install

Następnie uruchom serwer:

npm start

cd <your project folder>(gdzie jest kod do wdrożenia twojego angularjs)

sudo npm install serv -g

służyć

Możesz trafić na swoją stronę pod adresem

localhost: 3000 lub adres IP: 3000

Używam:

• ekspresowe i
• morgan
  
  

Zainstaluj Node.js. i npm. npm jest instalowany z Node.js.

Umieszczony w głównym katalogu projektu

$ cd <your_angularjs_project>

Następne polecenie tworzy plik package.json

$ npm init

Zainstaluj express ==> Szybka, bez opinii, minimalistyczna dla węzła:

$ npm install express --save

Zainstaluj oprogramowanie pośredniczące morgan ==> rejestratora żądań HTTP dla node.js.

$ npm install morgan --save

utwórz plik server.js

dodaj następujący kod w pliku 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);
});

Na koniec uruchom projekt AngularJS na serwerze localhost:

$ node server.js

Użyj pakietu npm local-web-server.

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

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

Możesz też biegać

$ ws -p 8181

-p definiuje port, którego chcesz użyć

Następnie przejdź do przeglądarki i uzyskaj dostęp do http: localhost: 8181 /

• Biegać

ng służyć

To polecenie działa w terminalu po lokalizacji folderu projektu, takiej jak ~/my-app$

• Następnie uruchom polecenie - pokaże ono, że serwer deweloperski URl NG Live nasłuchuje localhost:4200

• Otwórz przeglądarkę pod adresem http: // localhost: 4200

Aplikację kątową można wdrożyć przy użyciu dowolnego serwera WWW na hoście lokalnym. Poniższe opcje przedstawiają instrukcje wdrażania dla kilku możliwych wdrożeń serwera WWW w zależności od wymagań dotyczących wdrożenia.

Internetowe usługi informacyjne Microsoftu (IIS)

1. Windows IIS musi być włączony

   1.1. W systemie Windows otwórz Panel sterowania i kliknij Dodaj lub usuń programy.

   1.2. W oknie Dodaj lub usuń programy kliknij Dodaj / Usuń składniki systemu Windows.

   1.3. Zaznacz pole wyboru Internetowe usługi informacyjne (IIS), kliknij przycisk Dalej, a następnie kliknij przycisk Zakończ.

   1.4. Skopiuj i wyodrębnij plik Angular Application Zip do katalogu głównego serwera WWW: C: \ inetpub \ wwwroot

2. Dostęp do aplikacji Angular można teraz uzyskać pod następującym adresem URL: http: // localhost: 8080

Lekki serwer sieciowy NPM

1. Instalowanie lekkiego serwera WWW 1.1. Pobierz i zainstaluj npm z: https://www.npmjs.com/get-npm 1.2. Po zainstalowaniu npm otwórz wiersz poleceń i wpisz: npm install -g http-server 1.3. Wyodrębnij plik Angular Zip
2. Aby uruchomić serwer WWW, otwórz wiersz poleceń i przejdź do katalogu, w którym wcześniej rozpakowałeś Angular i wpisz: http-server
3. Dostęp do aplikacji Angular Application można teraz uzyskać pod następującym adresem URL: http: // localhost: 8080

Serwer WWW Apache Tomcat

1. Instalowanie Apache Tomcat w wersji 8 1.1. Pobierz i zainstaluj Apache Tomcat z: https://tomcat.apache.org/ 1.2. Skopiuj i wyodrębnij plik Angular Application Zip do katalogu głównego serwera WWW C: \ Program Files \ Apache Software Foundation \ Tomcat 7.0 \ webapps
2. Dostęp do aplikacji Angular można teraz uzyskać pod następującym adresem URL: http: // localhost: 8080

"Zakładając, że masz zainstalowany nodejs",

mini-http jest całkiem prostym narzędziem wiersza poleceń do tworzenia serwera http,
zainstaluj pakiet globalnie, npm install mini-http -g
a następnie używając cmd (terminala) uruchomionego mini-http -p=3000w katalogu projektu I bum! utworzyłeś serwer na porcie 3000 teraz przejdź do http: // localhost: 3000

Uwaga: określenie portu nie jest wymagane, możesz po prostu uruchomić mini-httplub mhuruchomić serwer

Jeśli jesteś typem Java, umieść folder kątowy w folderze treści WWW swojej aplikacji internetowej i wdróż go na serwerze Tomcat. Super łatwe!

Zakładając, że masz już zainstalowany node.js, możesz użyć synchronizacji przeglądarki do zsynchronizowanego testowania przeglądarki.

Jeśli używasz programu Visual Studio Community lub dowolnej innej wersji dla swojego projektu kątowego, przejdź do folderu projektu, najpierw wpisz

C: \ Project Folder> npm install -g http-server Zobaczysz co następuje: + [email protected] dodane 25 pakietów w 4.213s

Następnie wpisz C: \ Project Folder> http-server –o

Zobaczysz, że Twoja aplikacja zostanie automatycznie wyświetlona pod adresem http://127.0.0.1:8080/

Możesz również skonfigurować środowisko w kodzie Visual Studio. Uruchom Ctrl + Shift + P, następnie wpisz ctr w wyświetlonym polu i wybierz zadania: Skonfiguruj Task Runner, Następnie zmień plik task.json na następujący:, { "version": "0.1.0", "command": "explorer", "windows": { "command": "explorer.exe" }, "args": ["index.html"] }zapisz zmiany, Następnie wybierz plik index.html i wpisz Ctrl + Shift + B. Spowoduje to otwarcie projektu w domyślnej przeglądarce.