Mettre une application en production avec Angular 2

Mettre en place l'application AngularJS 2

Testez gratuitement nos 1325 formations

pendant 10 jours !

Tester maintenant Afficher tous les abonnements
Une fois la configuration terminée, il ne vous restera plus qu'à vérifier que tout fonctionne correctement. Ensuite, vous pourrez relier AngularJS 2 au serveur.
02:34

Transcription

Vous vous rendez certainement compte de quelque chose, c'est que Angular universal est bien. Ça tourne sur un serveur node, c'est génial, mais là on se retrouve avec un port. On a un port sur lequel on va être obligé d'aller, parce que si je fais localhost, je vais me retrouver sur mon Nginx, je ne vais pas avoir accès à l'application et je vais devoir me rendre sur ce port. Je vous conseille grandement sur votre serveur de faire ce que je vous ai montré tout à l'heure, c'est-à-dire qu'on va mettre en place un proxy et Nginx pour rendre l'application, ce qui nous permettra de faire tourner effectivement le serveur qui se trouve dans src. Je vous le remontre un petit coup, server.ts qui tourne actuellement sur le port 3000. Alors, il y a deux possibilités, soit vous mettez en place ce que je vous ai montré, c'est-à-dire vous mettez en place effectivement un serveur Nginx avec un reverse proxy sur le port 3000 qui servira votre site, soit vous pouvez tout à fait changer ce chiffre ici, 80, faire un rendu sur le port 80 et faire un rendu de votre site directement en vous basant sur Angular universal. On pourrait essayer et effectivement là le faire tourner. Ça va démarrer, alors il faut bien faire attention à ne pas avoir de serveur qui tourne déjà sur le port 80, parce que sinon il y aura conflit. Je vais aller vérifier ensuite, mais logiquement pas de souci. Alors, j'ai bien un conflit, donc quand vous avez un conflit, ce que vous allez faire, c'est que vous allez arrêter votre serveur, et votre serveur, vous allez directement ne pas en avoir sur la machine. Certes, vous allez vous baser sur le rendu qui est fait et sur le serveur qui est utilisé dans Angular universal qui est un serveur node que l'on peut utiliser. Ce n'est pas un problème de le faire tourner sur le port 80. Ça veut dire qu'on va se baser sur ce serveur-là, pour avoir l'application qui fonctionne. Vous voyez que pour moi, ça ne marche pas encore parce qu'il n'a vraiment pas envie, il continue à avoir des choses sur le port 80. Vous essaierez sur une machine où vous n'avez pas de serveur de démarrer, vous n'avez pas de serveur sur le port 80. Cela dit, ce n'est pas une bonne idée quand même, voilà, je voulais en venir à ça, et c'est pour ça que si ça ne marche pas, tant mieux, ça n'est pas forcément très grave, parce qu'il ne faut pas le faire, il faut éviter à tout prix d'avoir notre Nginx en direct sur le port 80, il ne faut pas que les gens arrivent sur ça, il faut que les gens arrivent normalement sur un vrai serveur Web. Donc, je vous conseille pour aller avec ça un serveur Nginx sur lequel vous faites un reverse proxy, et le reverse proxy, vous le ferez sur le port 8080 ou sur un autre port qui peut être 333, vous faites ce que vous voulez avec le port, mais concrètement vous mettez bien en place un reverse proxy, c'est très important de servir son application au travers d'un vrai serveur Web.

Mettre une application en production avec Angular 2

Optimisez la mise en production de votre application AngularJS. Réduisez le temps de chargement et d’affichage, gérez les tâches répétitives avec des scripts, etc.

1h05 (20 vidéos)
Aucun commentaire n´est disponible actuellement
 
Logiciel :
Spécial abonnés
Date de parution :13 déc. 2016

Votre formation est disponible en ligne avec option de téléchargement. Bonne nouvelle : vous ne devez pas choisir entre les deux. Dès que vous achetez une formation, vous disposez des deux options de consultation !

Le téléchargement vous permet de consulter la formation hors ligne et offre une interface plus conviviale. Si vous travaillez sur différents ordinateurs ou que vous ne voulez pas regarder la formation en une seule fois, connectez-vous sur cette page pour consulter en ligne les vidéos de la formation. Nous vous souhaitons un excellent apprentissage avec cette formation vidéo.

N'hésitez pas à nous contacter si vous avez des questions !