Como criar um servidor localhost para executar um projeto AngularJS

Eu usei Xampp e JetBrain WebStorm para executar um projeto AngularJS. Mas é complicado e de baixo desempenho. Existe alguma outra maneira de executar um projeto AngularJS?

Se você está rodando o node.js, o http-server é super fácil. Instale: npm install -g http-server . Após a instalação, cd em sua pasta do projeto e execute http-server -o . -o é abrir o navegador para a página.

O Python possui um comando interno especificamente para girar um servidor da Web:

Python3.x:

 python -m http.server 8000 

Outras versões:

 python -m SimpleHTTPServer 8000 

Iniciaria um servidor na porta 8000

(Python é um pré-requisito para isso; se você não tiver python instalado, as outras respostas podem ser mais fáceis)

Você pode começar instalando o Node.js a partir do terminal ou do cmd:

 apt-get install nodejs-legacy npm 

Em seguida, instale as dependencies:

 npm install 

Então, inicie o servidor:

 npm start 
  • Corre
  ng servir 

Este comando é executado no seu terminal após a localização da sua pasta no projeto, como ~/my-app$

  • Em seguida, execute o comando – ele mostrará que o URl NG Live Development Server está atendendo no localhost:4200

  • Abra seu navegador em http: // localhost: 4200

cd seu projeto> (onde está o código implementável do seu angularjs)

sudo npm install serve -g

servir

Você pode bater sua página em

localhost: 3000 ou endereço IP: 3000

Eu uso:

  • expressar e
  • morgan

Instale o Node.js. e npm. o npm é instalado com o Node.js

Colocado dentro do diretório do projeto raiz

 $ cd  

O próximo comando cria o package.json

 $ npm init 

Instalar express ==> Rápido, unipinionated, minimalista para o nó:

 $ npm install express --save 

Instale o morgan ==> middleware do logger de solicitação de HTTP para node.js

 $ npm install morgan --save 

criar arquivo server.js

adicione o seguinte código no arquivo 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, execute seu projeto AngularJS no servidor localhost:

 $ node server.js 

“Supondo que você tenha o nodejs instalado”,

mini-http é uma ferramenta de linha de comando muito fácil para criar um servidor http,
instalar o pacote globalmente npm install mini-http -g
em seguida, usando o seu cmd (terminal) execute mini-http -p=3000 em seu diretório de projeto e boom! você criou um servidor na porta 3000 agora vá verificar http: // localhost: 3000

Nota: especificando uma porta não é necessário você pode simplesmente executar mini-http ou mh para iniciar o servidor

Se você é um cara do java simples coloque sua pasta angular na pasta de conteúdo web do seu aplicativo web e implemente no seu servidor tomcat. Super fácil!

Supondo que você já tenha o node.js instalado, você pode usar a synchronization do navegador para testes sincronizados do navegador.

Use o pacote npm do servidor web local.

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

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

Além disso, você pode executar

 $ ws -p 8181 

-p define a porta que você deseja usar

Depois disso, basta ir ao seu navegador e acessar http: localhost: 8181 /

Um aplicativo angular pode ser implementado usando qualquer servidor da Web no host local. As opções abaixo descrevem as instruções de implantação para várias implantações possíveis de servidor da web, dependendo dos seus requisitos de implantação.


Serviços de Informações da Internet (IIS) da Microsoft

  1. O Windows IIS deve estar ativado 1.1. No Windows, acesse o Painel de Controle e clique em Adicionar ou Remover Programas. 1.2. Na janela Adicionar ou Remover Programas, clique em Adicionar / Remover Componentes do Windows. 1.3. Marque a checkbox de seleção Serviços de Informações da Internet (IIS), clique em Avançar e clique em Concluir. 1.4. Copie e extraia o arquivo Zip do aplicativo Angular para o diretório raiz do servidor da web: C: \ inetpub \ wwwroot
  2. O aplicativo Angular agora pode ser acessado usando o seguinte URL: http: // localhost: 8080

Servidor da Web leve NPMs

  1. Instalando um servidor da web leve 1.1. Baixe e instale o npm em: https://www.npmjs.com/get-npm 1.2. Uma vez instalado o npm, abra um prompt de comando e digite: npm install -g http-server 1.3. Extraia o arquivo Zip Angular
  2. Para executar o servidor da Web, abra um prompt de comando e navegue até o diretório em que você extraiu o Angular anteriormente e digite: http-server
  3. O aplicativo Angular Application agora pode ser acessado usando o seguinte URL: http: // localhost: 8080

Servidor Web Apache Tomcat

  1. Instalando o Apache Tomcat versão 8 1.1. Baixe e instale o Apache Tomcat em: https://tomcat.apache.org/ 1.2. Copie e extraia o arquivo Zip do aplicativo Angular para o diretório raiz do servidor da web C: \ Arquivos de Programas \ Apache Software Foundation \ Tomcat 7.0 \ webapps
  2. O aplicativo angular agora pode ser acessado usando o seguinte URL: http: // localhost: 8080

Você também pode configurar o ambiente no código do visual studio. Execute Ctrl + Shift + P, em seguida, digite ctr na checkbox que aparece e selecione as tarefas: Configure Task Runner, Em seguida, altere o arquivo task.json para este: { "version": "0.1.0", "command": "explorer", "windows": { "command": "explorer.exe" }, "args": ["index.html"] } , salve suas alterações, selecione seu arquivo index.html e digite Ctrl + Shift + B. Isso abrirá o projeto com seu navegador padrão.