Angular CLI é uma interface de linha de comando para o framework Angular, que é usada para criar, compilar e executar sua aplicação localmente durante o desenvolvimento.
É projetada para construir e testar um projeto Angular em um servidor de desenvolvimento. No entanto, se você deseja executar/manter suas aplicações em produção para sempre, você precisa de um gerenciador de processos Node.js como o PM2.
PM2 é um gerenciador de processos de produção popular, avançado e rico em recursos para aplicações Node.js com um balanceador de carga integrado.
Seu conjunto de recursos inclui suporte para monitoramento de aplicativos, gerenciamento eficiente de microsserviços/processos, execução de aplicativos em modo de cluster e reinicialização e desligamento graciosos de aplicativos. Além disso, ele oferece suporte à fácil gestão de logs de aplicativos, e muito mais.
Neste artigo, mostraremos como executar aplicações Angular usando o Angular CLI e o gerenciador de processos PM2 Node.js. Isso permite que você execute sua aplicação continuamente durante o desenvolvimento.
Requisitos
Você deve ter os seguintes pacotes instalados em seu servidor para prosseguir:
Observação: Se você já tiver o Node.js e o NPM instalados no seu sistema Linux, pule para Passo 2.
Passo 1: Instalando o Node.js no Linux
Para instalar a versão mais recente do Node.js, primeiro, adicione o repositório NodeSource no seu sistema como mostrado e instale o pacote. Não se esqueça de executar o comando correto para a versão do Node.js que você deseja instalar na sua distribuição Linux.
Instalar o Node.js no Ubuntu
------------- For Node.js v19.x ------------- $ curl -fsSL https://deb.nodesource.com/setup_19.x | sudo -E bash - &&\ $ sudo apt-get install -y nodejs ------------- For Node.js v18.x ------------- $ curl -fsSL https://deb.nodesource.com/setup_18.x | sudo -E bash - &&\ $ sudo apt-get install -y nodejs ------------- For Node.js v16.x ------------- $ curl -fsSL https://deb.nodesource.com/setup_16.x | sudo -E bash - &&\ $ sudo apt-get install -y nodejs ------------- For Node.js v14.x ------------- $ curl -fsSL https://deb.nodesource.com/setup_14.x | sudo -E bash - &&\ $ sudo apt-get install -y nodejs
Instalar o Node.js no Debian
------------- For Node.js v19.x ------------- $ curl -fsSL https://deb.nodesource.com/setup_19.x | bash - &&\ $ sudo apt-get install -y nodejs ------------- For Node.js v18.x ------------- $ curl -fsSL https://deb.nodesource.com/setup_18.x | bash - &&\ $ sudo apt-get install -y nodejs ------------- For Node.js v16.x ------------- $ curl -fsSL https://deb.nodesource.com/setup_16.x | bash - &&\ $ sudo apt-get install -y nodejs ------------- For Node.js v14.x ------------- $ curl -fsSL https://deb.nodesource.com/setup_14.x | bash - &&\ $ sudo apt-get install -y nodejs
Instalar o Node.js em Distribuições baseadas em RHEL
------------- For Node.js v19.x ------------- $ curl -fsSL https://rpm.nodesource.com/setup_19.x | sudo bash - $ sudo yum install -y nodejs ------------- For Node.js v18.x ------------- $ curl -fsSL https://rpm.nodesource.com/setup_18.x | sudo bash - $ sudo yum install -y nodejs ------------- For Node.js v16.x ------------- $ curl -fsSL https://rpm.nodesource.com/setup_16.x | sudo bash - $ sudo yum install -y nodejs ------------- For Node.js v14.x ------------- $ curl -fsSL https://rpm.nodesource.com/setup_14.x | sudo bash - $ sudo yum install -y nodejs
Além disso, também instale ferramentas de desenvolvimento no seu sistema para que você possa compilar e instalar complementos nativos do NPM.
$ sudo apt install build-essential [On Debian/Ubuntu] # yum install gcc-c++ make [On CentOS/RHEL] # dnf install gcc-c++ make [On Fedora]
Assim que tiver o Node.js e o NPM instalados, você pode verificar suas versões usando os seguintes comandos.
$ node -v $ npm -v
Passo 2: Instalando o Angular CLI e o PM2
Instale o Angular CLI e o PM2 usando o gerenciador de pacotes npm conforme mostrado. Nos comandos a seguir, a opção -g significa instalar os pacotes globalmente – utilizáveis por todos os usuários do sistema.
$ sudo npm install -g @angular/cli #install Angular CLI $ sudo npm install -g pm2 #install PM2
Passo 3: Criando um Projeto Angular Usando o Angular CLI
Agora mova-se para o diretório webroot do seu servidor, em seguida, crie, construa e sirva sua aplicação Angular (chamada sysmon-app, substitua isso pelo nome de sua aplicação) usando o Angular CLI.
$ cd /srv/www/htdocs/ $ sudo ng new sysmon-app #follow the prompts
Em seguida, mova-se para o diretório da aplicação (caminho completo é /srv/www/htdocs/sysmon-app) que acabou de ser criado e sirva a aplicação conforme mostrado.
$ cd sysmon-app $ sudo ng serve
A partir da saída do comando ng serve, você pode ver que a aplicação Angular não está sendo executada em segundo plano, você não pode acessar o prompt de comando mais. Portanto, você não pode executar outros comandos enquanto ela estiver em execução.
Portanto, você precisa de um gerenciador de processos para controlar e gerenciar a aplicação: executá-la continuamente (para sempre) e também permitir que ela seja iniciada automaticamente no boot do sistema, como explicado na próxima seção.
Antes de prosseguir para a próxima seção, termine o processo pressionando [Ctl + C] para liberar o prompt de comando.
Passo 4: Executando o Projeto Angular Continuamente Usando o PM2
Para fazer sua nova aplicação ser executada em segundo plano, liberando o prompt de comando, use o PM2 para servi-la, conforme mostrado. O PM2 também auxilia em tarefas comuns de administração do sistema, como reiniciar em caso de falha, parar e recarregar configurações sem tempo de inatividade, e muito mais.
$ pm2 start "ng serve" --name sysmon-app
Para acessar a interface web do seu aplicativo, abra um navegador e navegue até o endereço http://localhost:4200 conforme mostrado na captura de tela a seguir.
Neste guia, mostramos como executar aplicativos Angular usando o Angular CLI e o gerenciador de processos PM2. Se você tiver ideias adicionais para compartilhar ou perguntas, entre em contato conosco através do formulário de feedback abaixo.
Source:
https://www.tecmint.com/create-and-run-angular-apps-using-angular-cli-and-pm2/