Comment créer un serveur localhost pour exécuter un projet AngularJS

J’ai utilisé Xampp et JetBrain WebStorm pour exécuter un projet AngularJS. Mais c’est compliqué et peu performant. Y a-t-il un autre moyen de gérer un projet AngularJS?

Si vous utilisez node.js http-server est très facile. Installez: npm install -g http-server . Après l’installation, cd dans le dossier de votre projet et lancez http-server -o . -o est d’ouvrir le navigateur à la page.

Python a une commande intégrée spécifique pour faire tourner un serveur Web:

Python3.x:

 python -m http.server 8000 

Autres versions:

 python -m SimpleHTTPServer 8000 

Commencerait un serveur web sur le port 8000

(Python est une condition préalable à cela; si vous n’avez pas installé python, les autres réponses peuvent être plus faciles)

Vous pouvez commencer par installer Node.js à partir du terminal ou de cmd:

 apt-get install nodejs-legacy npm 

Ensuite, installez les dépendances:

 npm install 

Ensuite, démarrez le serveur:

 npm start 
  • Courir
  servir 

Cette commande s’exécute dans votre terminal après votre emplacement dans le dossier de projet comme ~/my-app$

  • Ensuite, lancez la commande – elle montrera que le serveur de développement URL NG Live écoute sur localhost:4200

  • Ouvrez votre navigateur sur http: // localhost: 4200

cd (où se trouve le code déployable de votre angularjs)

sudo npm install serve -g

servir

Vous pouvez bash votre page à

localhost: 3000 ou adresse IP: 3000

J’utilise:

  • exprimer et
  • Morgan

Installez Node.js. et npm. npm est installé avec Node.js

Placé dans le répertoire du projet racine

 $ cd  

La prochaine commande crée package.json

 $ npm init 

Installez express ==> Rapide, sans autorisation, minimaliste pour le noeud:

 $ npm install express --save 

Installez morgan ==> Intergiciel de requête HTTP pour node.js

 $ npm install morgan --save 

créer le fichier server.js

Ajoutez le code suivant dans le fichier 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); }); 

Enfin, lancez votre projet AngularJS sur le serveur localhost:

 $ node server.js 

“En supposant que vous avez installé nodejs”,

mini-http est un outil de ligne de commande assez simple pour créer un serveur http,
installer le paquet globalement npm install mini-http -g
alors en utilisant votre cmd (terminal) exécutez mini-http -p=3000 dans votre répertoire de projet Et boum! vous avez créé un serveur sur le port 3000 maintenant allez vérifier http: // localhost: 3000

Remarque: la spécification d’un port n’est pas obligatoire. Vous pouvez simplement lancer mini-http ou mh pour démarrer le serveur.

Si vous êtes un gars simple, placez votre dossier angular dans le dossier de contenu Web de votre application Web et déployez-le sur votre serveur Tomcat. Super facile!

En supposant que node.js soit déjà installé, vous pouvez utiliser la synchronisation du navigateur pour les tests de navigateur synchronisés.

Utilisez le package npm local-web-server.

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

 $ npm install -g local-web-server $ cd  $ ws 

En outre, vous pouvez courir

 $ ws -p 8181 

-p définit le port que vous souhaitez utiliser

Ensuite, accédez à votre navigateur et accédez à http: localhost: 8181 /

Une application angular peut être déployée à l’aide de n’importe quel serveur Web sur localhost. Les options ci-dessous décrivent les instructions de déploiement pour plusieurs déploiements de serveurs Web possibles en fonction de vos exigences de déploiement.


Microsofts Internet Information Services (IIS)

  1. Windows IIS doit être activé 1.1. Sous Windows, accédez au Panneau de configuration et cliquez sur Ajouter ou supprimer des programmes. 1.2. Dans la fenêtre Ajouter ou supprimer des programmes, cliquez sur Ajouter / Supprimer des composants Windows. 1.3. Activez la case à cocher IIS (Internet Information Services), cliquez sur Suivant, puis sur Terminer. 1.4. Copiez et extrayez le fichier Zip d’application angular dans le répertoire racine du serveur Web: C: \ inetpub \ wwwroot
  2. L’application Angular est désormais accessible via l’URL suivante: http: // localhost: 8080

Serveur Web léger NPM

  1. Installation d’un serveur Web léger 1.1. Téléchargez et installez npm depuis: https://www.npmjs.com/get-npm 1.2. Une fois que npm a été installé, ouvrez une invite de commande et tapez: npm install -g http-server 1.3. Extraire le fichier Zip angular
  2. Pour exécuter le serveur Web, ouvrez une invite de commande et accédez au répertoire dans lequel vous avez précédemment extrait le Angular et tapez: http-server
  3. L’application Angular Application est désormais accessible via l’URL suivante: http: // localhost: 8080

Serveur Web Apache Tomcat

  1. Installation d’Apache Tomcat version 8 1.1. Téléchargez et installez Apache Tomcat à partir de: https://tomcat.apache.org/ 1.2. Copiez et extrayez le fichier Zip Application angular dans le répertoire racine du serveur Web C: \ Program Files \ Apache Software Foundation \ Tomcat 7.0 \ webapps
  2. L’application angular est désormais accessible à l’aide de l’URL suivante: http: // localhost: 8080

Vous pouvez également configurer l’environnement en code studio visuel. Exécutez Ctrl + Maj + P, puis tapez ctr dans la boîte qui apparaît et sélectionnez les tâches: Configurer le Runner des tâches, puis changez le fichier task.json en ceci: { "version": "0.1.0", "command": "explorer", "windows": { "command": "explorer.exe" }, "args": ["index.html"] } , enregistrez vos modifications, puis sélectionnez votre fichier index.html et tapez Ctrl + Shift + B. Cela ouvrira le projet avec votre navigateur par défaut.