[MUSIC]
La dernière question qui pourrait se poser dans votre esprit est comment construire et
déployer l'application Angular ?
Si vous vous souvenez, dans le cours précédent sur Bootstrap 4,
, nous avons appris comment utiliser les scripts MPM ou grand ou
culp pour construire le dossier de distribution, afin de construire notre application web.
Maintenant, avec l'application Angular que nous avons développé dans ce cours,
nous avons l'aide de la CLI Angular.
L'Angular CLI fournit une commande de construction qui nous permet de construire notre application Angular
, de construire le dossier de distribution, puis d'avoir tous les fichiers pour
notre application Angular compilés et prêts à être déployés sur un site serveur.
C'est donc ce que nous allons apprendre dans cet exercice.
Pour aller de l'avant avec la construction et le déploiement de notre application Angular à
le type d'invite ng building — parce que nous voulons développer la version de production
de notre application Angular qui peut être déployée sur un serveur.
Donc, à l'invite, comme je l'ai mentionné, tapez ng
build —prod, puis laissez le processus de construction se terminer.
Cela prendra un peu de temps pour que le processus de construction soit terminé.
Une fois le processus de construction terminé,
, vous verrez que le dossier de distribution sera maintenant prêt.
Une fois le processus de construction terminé avec succès, donc
vous pouvez voir que tout est vert là-bas, donc le dossier de distribution est maintenant préparé.
Maintenant, comment déployons-nous l'application Angular ?
Maintenant, dans ce cas, si nous avons un serveur où vous pouvez déployer votre application web,
alors il s'agit juste de copier le contenu de
le dossier de distribution directement sur le serveur.
Et puis votre application Angular sera opérationnelle en un rien de temps.
Maintenant, heureusement, nous avons déjà notre serveur JSON qui fonctionne là-bas.
Nous allons donc utiliser notre serveur JSON et
le dossier public de notre serveur JSON, donc ils vont copier le contenu entier
du dossier de distribution dans le dossier public de notre serveur JSON.
En allant dans le dossier Confusion, où notre application est stockée,
nous allons maintenant passer dans le dossier de distribution.
Vous verrez que le dossier de distribution a été créé.
Donc, vous allez dans le dossier de distribution et
vous verrez qu'un tas de fichiers ont été créés par le processus de construction Angular CLI.
Copions simplement tout le contenu de ce dossier, et
alors nous irons vers le serveur JSON, qui est dans le dossier json-server ici et
aller dans le dossier public du dossier json-server.
Et puis nous allons simplement copier le contenu dans ce dossier public.
Maintenant, votre application Angular devrait être disponible sur localhost:3000 parce que
votre serveur JSON servira tout ce qui se trouve dans le dossier public de localhost:3000.
En allant dans un navigateur, maintenant dans un nouvel onglet, je vais juste taper localhost:3000 et
, vous verrez que votre application Angular sera maintenant opérationnelle en un rien de temps.
C'est donc ainsi que vous déployeriez votre application Angular.
Maintenant, bien sûr, dans ce cas, puisque nous avons notre serveur sous notre contrôle,
c'est juste une question de copier les fichiers dans le côté serveur.
Maintenant, si vous allez faire ce déploiement sur un vrai serveur dans le Cloud,
alors vous avez juste besoin de suivre les instructions données par
le fournisseur de services Cloud pour augmenter le côté serveur.
Ils peuvent donc avoir un dossier public qui peut être pris en charge sur leur serveur cloud.
Donc, dans ce cas, vous devrez peut-être simplement copier le contenu de votre dossier de distribution
dans le dossier du serveur public de votre fournisseur de services cloud.
Bien sûr, vous devez également vous assurer qu'il y a un serveur back-end
en cours d'exécution qui prend en charge l'API REST.
Dans notre cas, le serveur JSON sert le but.
Lorsque vous terminez le cours final dans cette spécialisation,
où nous traitons du développement côté serveur en utilisant Node-JS,
vous apprendrez la procédure pour construire votre propre serveur API REST personnalisé.
Donc, dans ce cas, alors dans le serveur de l'API REST, il y aura un dossier public que
le prendra en charge, et alors vous auriez
besoin de copier votre application Angular dans le dossier public de votre côté serveur.
C'est ainsi que vous déployeriez votre application Angular.
Avec cela, nous terminons cet exercice.
Dans cet exercice, nous avons appris à déployer notre application Angular
sur un serveur.
Et comment utiliser l'interface de ligne de commande Angular pour construire une version de production de notre application
Angular avant de faire le déploiement de notre application Angular
côté serveur.
[MUSIQUE]