Angular CLI est une interface de ligne de commande pour le framework Angular, qui est utilisée pour créer, construire et exécuter votre application localement pendant le développement.

Il est conçu pour construire et tester un projet Angular sur un serveur de développement. Cependant, si vous souhaitez exécuter/maintenir vos applications en vie pour toujours en production, vous avez besoin d’un gestionnaire de processus Node.js tel que PM2.

PM2 est un gestionnaire de processus de production populaire, avancé et riche en fonctionnalités pour Node.js applications avec un équilibreur de charge intégré.

Son ensemble de fonctionnalités comprend la prise en charge de la surveillance des applications, la gestion efficace des micro-services/processus, l’exécution du mode cluster d’applications et le redémarrage et l’arrêt progressifs des applications. En outre, il prend en charge une gestion facile des journaux d’application, et bien plus encore.

Dans cet article, nous allons vous montrer comment exécuter Angulaire applications utilisant CLI angulaire et PM2 Node.js gestionnaire de processus. Cela vous permet d’exécuter votre application en continu pendant le développement.

Publicité

Exigences

Vous devez avoir les packages suivants installés sur votre serveur pour continuer :

Note: Si vous avez déjà Node.js et MNP installé sur votre système Linux, passez à Étape 2.

Étape 1 : Installer Node.js sous Linux

Pour installer la dernière version de Node.jsajoutez d’abord le Référentiel NodeSource sur votre système comme indiqué et installez le package. N’oubliez pas d’exécuter la bonne commande pour le Node.js version que vous souhaitez installer sur votre distribution Linux.

Installer Node.js sur 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

Installer Node.js sur 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

Installer Node.js sur les distributions basées sur 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

En outre, installez également des outils de développement sur votre système afin de pouvoir compiler et installer des addons natifs à partir de MNP.

$ sudo apt install build-essential  [On Debian/Ubuntu]
# yum install gcc-c++ make          [On CentOS/RHEL]
# dnf install gcc-c++ make          [On Fedora]

Une fois que tu as Node.js et MNP installés, vous pouvez vérifier leurs versions à l’aide des commandes suivantes.

$ node -v
$ npm -v
Vérifier La Version De Node.js Et Npm
Vérifier La Version De Node.js Et Npm

Étape 2 : Installer Angular CLI et PM2

Ensuite, installez CLI angulaire et PM2 en utilisant le gestionnaire de paquets npm comme montré. Dans les commandes suivantes, le -g L’option signifie installer les packages globalement – utilisables par tous les utilisateurs du système.

$ sudo npm install -g @angular/cli        #install Angular CLI
$ sudo npm install -g pm2                 #install PM2

Étape 3 : Création d’un projet angulaire à l’aide de la CLI angulaire

Déplacez-vous maintenant dans le racine Web répertoire de votre serveur, puis créez, construisez et servez votre application angulaire (appelée sysmon-appremplacez-le par le nom de votre application) en utilisant Angular CLI.

$ cd /srv/www/htdocs/
$ sudo ng new sysmon-app        #follow the prompts
Créer Une Nouvelle Application Angulaire
Créer Une Nouvelle Application Angulaire

Ensuite, accédez à l’application (le chemin complet est /srv/www/htdocs/sysmon-app) répertoire qui vient d’être créé et sert l’application comme indiqué.

$ cd sysmon-app
$ sudo ng serve
Servir L'Application Angulaire À L'Aide De La Cli Angulaire
Servir L&Rsquo;Application Angulaire À L&Rsquo;Aide De La Cli Angulaire

Dès la sortie du commande de service ng, vous pouvez voir que l’application Angular ne s’exécute pas en arrière-plan, vous ne pouvez plus accéder à l’invite de commande. Par conséquent, vous ne pouvez exécuter aucune autre commande pendant son exécution.

Vous avez donc besoin d’un gestionnaire de processus pour contrôler et gérer l’application : exécutez-la en continu (pour toujours) et activez-la également pour qu’elle démarre automatiquement au démarrage du système, comme expliqué dans la section suivante.

Avant de passer à la section suivante, terminez le processus en appuyant sur [Ctl + C] pour libérer l’invite de commande.

Terminer L'Exécution De L'Application Angulaire
Terminer L&Rsquo;Exécution De L&Rsquo;Application Angulaire

Étape 4 : Exécuter Angular Project Forever à l’aide de PM2

Pour que votre nouvelle application s’exécute en arrière-plan, en libérant l’invite de commande, utilisez PM2 pour le servir, comme indiqué. PM2 facilite également les tâches d’administration système courantes telles que le redémarrage en cas de panne, l’arrêt et le rechargement des configurations sans temps d’arrêt, et bien plus encore.

$ pm2 start "ng serve" --name sysmon-app
Exécutez L'Application Angulaire Pour Toujours
Exécutez L&Rsquo;Application Angulaire Pour Toujours

Ensuite, pour accéder à l’interface web de votre application, ouvrez un navigateur et naviguez à l’aide de l’adresse http://localhost:4200 comme indiqué dans la capture d’écran suivante.

Accéder À L'Application Sysmon Angular Depuis Le Navigateur
Accéder À L&Rsquo;Application Sysmon Angular Depuis Le Navigateur

Dans ce guide, nous avons montré comment exécuter des applications angulaires à l’aide de CLI angulaire et PM2 gestionnaire de processus. Si vous avez des idées supplémentaires à partager ou des questions, contactez-nous via le formulaire de commentaires ci-dessous.

Si vous appréciez ce que nous faisons ici sur TecMint, vous devriez considérer :

TecMint est le site communautaire à la croissance la plus rapide et le plus fiable pour tout type d’articles, de guides et de livres Linux sur le Web. Des millions de personnes visitent TecMint ! pour rechercher ou parcourir les milliers d’articles publiés accessibles GRATUITEMENT à tous.

Si vous aimez ce que vous lisez, pensez à nous acheter un café (ou 2) en signe d’appréciation.

Soutenez-Nous

Nous sommes reconnaissants pour votre soutien sans fin.

Rate this post
Publicité
Article précédentStanford retire le chatbot Alpaca en invoquant des « hallucinations », des coûts et des problèmes de sécurité
Article suivantL’administrateur de BreachForums, Baphomet, ferme le tristement célèbre forum de piratage
Avatar De Violette Laurent
Violette Laurent est une blogueuse tech nantaise diplômée en communication de masse et douée pour l'écriture. Elle est la rédactrice en chef de fr.techtribune.net. Les sujets de prédilection de Violette sont la technologie et la cryptographie. Elle est également une grande fan d'Anime et de Manga.

LAISSER UN COMMENTAIRE

S'il vous plaît entrez votre commentaire!
S'il vous plaît entrez votre nom ici