Come creare un server localhost per eseguire un progetto AngularJS

ho usato Xampp e JetBrain WebStorm per eseguire un progetto AngularJS. Ma è complicato e con prestazioni ridotte. C'è un altro modo per eseguire un progetto AngularJS?

Se stai usando il server http node.js è semplicissimo.

cd nella cartella del progetto e

npx http-server -o 

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

-oè aprire il browser alla pagina. Esegui http-server --helpper visualizzare altre opzioni come la modifica del numero di porta

Non hai node?

queste altre battute potrebbero essere più facili se non hai node/ npminstallato.

Ad esempio python viene preinstallato sulla maggior parte dei sistemi, quindi i server python di John Doe di seguito sarebbero più veloci.

MacOS viene installato con ruby, quindi questa è un'altra opzione facile se stai utilizzando un Mac: ruby -run -ehttpd . -p8000e apri il browser a http://localhost:8000.

Python ha un comando integrato specifico per avviare un server web:

Python3.x:

python -m http.server 8000

Altre versioni:

python -m SimpleHTTPServer 8000

Avvierebbe un server web sulla porta 8000

(Python è un prerequisito per questo; se non hai installato Python, le altre risposte potrebbero essere più semplici)

Puoi iniziare installando Node.js da terminale o cmd:

apt-get install nodejs-legacy npm

Quindi installa le dipendenze:

npm install

Quindi, avvia il server:

npm start

cd <your project folder>(dove si trova il codice distribuibile di angularjs)

sudo npm install serve -g

servire

Puoi premere la tua pagina su

localhost: 3000 o indirizzo IP: 3000

Io uso:

• express e
• morgan
  
  

Installa Node.js. e npm. npm viene installato con Node.js

Inserito nella directory principale del progetto

$ cd <your_angularjs_project>

Il comando successivo crea package.json

$ npm init

Installa express ==> Veloce, disinvolto, minimalista per node:

$ npm install express --save

Installa morgan ==> il middleware del logger delle richieste HTTP per node.js

$ npm install morgan --save

creare file server.js

aggiungere il codice seguente nel file 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);
});

Infine, esegui il tuo progetto AngularJS nel server localhost:

$ node server.js

Usa il pacchetto npm del server web locale.

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

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

Inoltre, puoi correre

$ ws -p 8181

-p definisce la porta che vuoi usare

Dopodiché, vai sul tuo browser e accedi a http: localhost: 8181 /

• Correre

servire

Questo comando viene eseguito nel tuo terminale dopo la tua posizione nella cartella del progetto come ~/my-app$

• Quindi esegui il comando: mostrerà che URl NG Live Development Server è in ascolto localhost:4200

• Apri il browser su http: // localhost: 4200

Un'applicazione angolare può essere distribuita utilizzando qualsiasi server Web su localhost. Le opzioni seguenti delineano le istruzioni di distribuzione per diverse possibili distribuzioni di server Web a seconda dei requisiti di distribuzione.

Microsofts Internet Information Services (IIS)

1. Windows IIS deve essere abilitato

   1.1. In Windows, accedi al Pannello di controllo e fai clic su Aggiungi o rimuovi programmi.

   1.2. Nella finestra Installazione applicazioni, fare clic su Aggiungi / Rimuovi componenti di Windows.

   1.3. Selezionare la casella di controllo Internet Information Services (IIS), fare clic su Avanti, quindi su Fine.

   1.4. Copia ed estrai il file Zip dell'applicazione angolare nella directory principale del server web: C: \ inetpub \ wwwroot

2. È ora possibile accedere all'applicazione Angular utilizzando il seguente URL: http: // localhost: 8080

Server Web leggero NPM

1. Installazione di un server web leggero 1.1. Scarica e installa npm da: https://www.npmjs.com/get-npm 1.2. Una volta installato npm, aprire un prompt dei comandi e digitare: npm install -g http-server 1.3. Estrai il file zip angolare
2. Per eseguire il server web, apri un prompt dei comandi e vai alla directory in cui hai precedentemente estratto Angular e digita: http-server
3. È ora possibile accedere all'applicazione Angular Application utilizzando il seguente URL: http: // localhost: 8080

Server Web Apache Tomcat

1. Installazione di Apache Tomcat versione 8 1.1. Scarica e installa Apache Tomcat da: https://tomcat.apache.org/ 1.2. Copia ed estrai il file Zip di Angular Application nella directory principale del server web C: \ Program Files \ Apache Software Foundation \ Tomcat 7.0 \ webapps
2. È ora possibile accedere all'applicazione Angular utilizzando il seguente URL: http: // localhost: 8080

"Supponendo che sia installato nodejs",

mini-http è uno strumento da riga di comando piuttosto semplice per creare un server http,
installare il pacchetto a livello globale, npm install mini-http -g
quindi utilizzare il cmd (terminale) eseguito mini-http -p=3000nella directory del progetto E boom! hai creato un server sulla porta 3000 ora vai a controllare http: // localhost: 3000

Nota: non è necessario specificare una porta, puoi semplicemente eseguire mini-httpo mhavviare il server

Se sei un tipo java, inserisci la tua cartella angular nella cartella dei contenuti web della tua applicazione web e distribuiscila sul tuo server Tomcat. Super facile!

Supponendo che tu abbia già installato node.js, puoi utilizzare la sincronizzazione del browser per il test del browser sincronizzato.

Se hai utilizzato Visual Studio Community o qualsiasi altra edizione per il tuo progetto angolare, vai alla cartella del progetto, digita prima

C: \ Project Folder> npm install -g http-server Vedrai quanto segue: + http-server@0.11.1 aggiunti 25 pacchetti in 4.213s

Quindi digita C: \ Project Folder> http-server –o

Vedrai che la tua applicazione viene automaticamente visualizzata su http://127.0.0.1:8080/

Puoi anche configurare l'ambiente nel codice di Visual Studio. Esegui Ctrl + Maiusc + P, quindi digita ctr nella casella visualizzata e seleziona le attività: Configura Task Runner, quindi modifica il file task.json in questo:, { "version": "0.1.0", "command": "explorer", "windows": { "command": "explorer.exe" }, "args": ["index.html"] }salva le modifiche, quindi seleziona il tuo file index.html e digita Ctrl + Maiusc + B. Questo aprirà il progetto con il tuo browser predefinito.