Cómo crear un servidor localhost para ejecutar un proyecto AngularJS

He usado Xampp y JetBrain WebStorm para ejecutar un proyecto AngularJS. Pero es complicado y de bajo rendimiento. ¿Hay alguna otra forma de ejecutar un proyecto AngularJS?

Si está ejecutando el servidor http de node.js es muy fácil.

cd en la carpeta de su proyecto y

npx http-server -o 

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

-oes abrir el navegador a la página. Ejecutar http-server --helppara ver otras opciones, como cambiar el número de puerto

¿No tienes node?

estas otras frases ingeniosas podrían ser más fáciles si no las tienes node/ npminstalas.

Por ejemplo, Python viene preinstalado en la mayoría de los sistemas, por lo que los servidores de Python de John Doe a continuación serían más rápidos.

MacOS viene instalado con ruby, por lo que esta es otra opción fácil si está ejecutando una Mac: ruby -run -ehttpd . -p8000y abra su navegador para http://localhost:8000.

Python tiene un comando incorporado específicamente para activar un servidor web:

Python3.x:

python -m http.server 8000

Otras versiones:

python -m SimpleHTTPServer 8000

Iniciaría un servidor web en el puerto 8000

(Python es un requisito previo para esto; si no tiene Python instalado, las otras respuestas pueden ser más fáciles)

Puede comenzar instalando Node.js desde la terminal o cmd:

apt-get install nodejs-legacy npm

Luego instale las dependencias:

npm install

Luego, inicie el servidor:

npm start

cd <your project folder>(donde está el código desplegable de su angularjs)

sudo npm install serve -g

servir

Puede acceder a su página en

localhost: 3000 o dirección IP: 3000

Yo suelo:

• expreso y
• Morgan
  
  

Instale Node.js. y npm. npm está instalado con Node.js

Colocado dentro del directorio raíz del proyecto

$ cd <your_angularjs_project>

El siguiente comando crea package.json

$ npm init

Instale express ==> Rápido, sin pinchazos, minimalista para nodo:

$ npm install express --save

Instale morgan ==> middleware de registro de solicitudes HTTP para node.js

$ npm install morgan --save

crear archivo server.js

agregue el siguiente código en el archivo 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);
});

Finalmente ejecute su proyecto AngularJS en el servidor localhost:

$ node server.js

Utilice el paquete npm local-web-server.

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

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

Además, puedes ejecutar

$ ws -p 8181

-p define el puerto que desea utilizar

Después de eso, simplemente vaya a su navegador y acceda a http: localhost: 8181 /

• correr

ng servir

Este comando se ejecuta en su terminal después de la ubicación de la carpeta del proyecto como ~/my-app$

• Luego ejecute el comando: mostrará que el servidor de desarrollo en vivo URl NG está escuchando localhost:4200

• Abra su navegador en http: // localhost: 4200

Una aplicación angular se puede implementar usando cualquier servidor web en localhost. Las siguientes opciones describen las instrucciones de implementación para varias posibles implementaciones de servidores web según sus requisitos de implementación.

Servicios de información de Internet de Microsofts (IIS)

1. Windows IIS debe estar habilitado

   1.1. En Windows, acceda al Panel de control y haga clic en Agregar o quitar programas.

   1.2. En la ventana Agregar o quitar programas, haga clic en Agregar o quitar componentes de Windows.

   1.3. Seleccione la casilla de verificación Internet Information Services (IIS), haga clic en Siguiente y luego en Finalizar.

   1.4. Copie y extraiga el archivo Zip de la aplicación angular en el directorio raíz del servidor web: C: \ inetpub \ wwwroot

2. Ahora se puede acceder a la aplicación Angular usando la siguiente URL: http: // localhost: 8080

Servidor web ligero de NPM

1. Instalación de un servidor web ligero 1.1. Descargue e instale npm desde: https://www.npmjs.com/get-npm 1.2. Una vez que se haya instalado npm, abra un símbolo del sistema y escriba: npm install -g http-server 1.3. Extraiga el archivo Zip angular
2. Para ejecutar el servidor web, abra un símbolo del sistema y navegue hasta el directorio donde extrajo el Angular anteriormente y escriba: http-server
3. Ahora se puede acceder a la aplicación Angular Application usando la siguiente URL: http: // localhost: 8080

Servidor web Apache Tomcat

1. Instalación de Apache Tomcat versión 8 1.1. Descargue e instale Apache Tomcat desde: https://tomcat.apache.org/ 1.2. Copie y extraiga el archivo Zip de la aplicación angular en el directorio raíz del servidor web C: \ Archivos de programa \ Apache Software Foundation \ Tomcat 7.0 \ webapps
2. Ahora se puede acceder a la aplicación angular utilizando la siguiente URL: http: // localhost: 8080

"Suponiendo que tiene nodejs instalado",

mini-http es una herramienta de línea de comandos bastante fácil para crear un servidor http,
instale el paquete globalmente y npm install mini-http -g
luego use su cmd (terminal) ejecute mini-http -p=3000en el directorio de su proyecto ¡Y boom! creaste un servidor en el puerto 3000 ahora ve a ver http: // localhost: 3000

Nota: no es necesario especificar un puerto, simplemente puede ejecutar mini-httpo mhiniciar el servidor

Si usted es un tipo de Java, simplemente coloque su carpeta angular en la carpeta de contenido web de su aplicación web e impleméntela en su servidor Tomcat. Muy facil !

Suponiendo que ya tiene instalado node.js, puede usar la sincronización del navegador para realizar pruebas sincronizadas del navegador.

Si ha utilizado Visual Studio Community o cualquier otra edición para su proyecto angular, vaya a la carpeta del proyecto, primero escriba

C: \ Carpeta del proyecto> npm install -g http-server Verá lo siguiente: + [email protected] agregó 25 paquetes en 4.213s

Luego, escriba C: \ Carpeta del proyecto> servidor http –o

Verá que su aplicación aparece automáticamente en http://127.0.0.1:8080/

También puede configurar el entorno en código de Visual Studio. Ejecute Ctrl + Shift + P, luego escriba ctr en el cuadro que aparece y seleccione tareas: Configure Task Runner, luego cambie el archivo task.json a esto:, { "version": "0.1.0", "command": "explorer", "windows": { "command": "explorer.exe" }, "args": ["index.html"] }guarde sus cambios, luego seleccione su archivo index.html y escriba Ctrl + Shift + B. Esto abrirá el proyecto con su navegador predeterminado.