Como criar um servidor localhost para executar um projeto AngularJS

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

Se você estiver executando o node.js http-server é super fácil.

cd em sua pasta de projeto e

npx http-server -o 

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

-oé abrir o navegador para a página. Execute http-server --helppara ver outras opções, como alterar o número da porta

Não tem node?

esses outros one-liners podem ser mais fáceis se você não tiver node/ npminstalado.

Por exemplo, python vem pré-instalado na maioria dos sistemas, então os servidores python de John Doe abaixo seriam mais rápidos.

O MacOS vem instalado com o ruby, então esta é outra opção fácil se você estiver executando um Mac: ruby -run -ehttpd . -p8000e abra seu navegador em http://localhost:8000.

Python tem um comando integrado especificamente para ativar um servidor da web:

Python3.x:

python -m http.server 8000

Outras versões:

python -m SimpleHTTPServer 8000

Inicia um servidor web na porta 8000

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

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

apt-get install nodejs-legacy npm

Em seguida, instale as dependências:

npm install

Em seguida, inicie o servidor:

npm start

cd <your project folder>(onde está o código implantável do angularjs)

sudo npm install serve -g

servir

Você pode acessar sua página em

localhost: 3000 ou IPaddress: 3000

Eu uso:

• expresso e
• Morgan
  
  

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

Colocado dentro do diretório raiz do projeto

$ cd <your_angularjs_project>

O próximo comando cria package.json

$ npm init

Instale express ==> Rápido, sem opinião, minimalista para o nó:

$ npm install express --save

Instale morgan ==> middleware de 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);
});

Por fim, execute seu projeto AngularJS no servidor localhost:

$ node server.js

Use o pacote npm do servidor da web local.

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

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

Além disso, você pode executar

$ ws -p 8181

-p define a porta que você deseja usar

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

• Corre

ng servir

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

• Em seguida, execute o comando - ele mostrará que o servidor de desenvolvimento URl NG Live está escutando localhost:4200

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

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

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

1. O IIS do Windows deve estar habilitado

   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 caixa de seleção Serviços de Informações da Internet (IIS), clique em Avançar e 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 a seguinte URL: http: // localhost: 8080

NPMs Lightweight Web Server

1. Instalando um servidor web leve 1.1. Baixe e instale o npm em: https://www.npmjs.com/get-npm 1.2. Depois que o npm tiver sido instalado, 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 onde 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 da 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

"Supondo que você tenha o nodejs instalado", o

mini-http é uma ferramenta de linha de comando muito fácil para criar um servidor http,
instale o pacote globalmente npm install mini-http -g
e use o cmd (terminal) executado mini-http -p=3000no diretório do projeto E bum! você criou um servidor na porta 3000 agora vá verificar http: // localhost: 3000

Nota: a especificação de uma porta não é necessária, você pode simplesmente executar mini-httpou mhiniciar o servidor

Se você é um cara de java, basta colocar sua pasta angular na pasta de conteúdo da web de seu aplicativo da web e implantar em seu servidor Tomcat. Super fácil!

Supondo que você já tenha o node.js instalado, você pode usar a sincronização do navegador para testar o navegador sincronizado.

Se você usou o Visual Studio Community ou qualquer outra edição para seu projeto angular, vá para a pasta do projeto, primeiro digite

C: \ Pasta do projeto> npm install -g http-server Você verá o seguinte: + [email protected] adicionou 25 pacotes em 4.213s

Em seguida, digite C: \ Project Folder> http-server –o

Você verá que seu aplicativo aparece automaticamente em http://127.0.0.1:8080/

Você também pode configurar o ambiente no código do Visual Studio. Execute Ctrl + Shift + P, em seguida, digite ctr na caixa 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.