playbook
Déployez votre première application Hello World avec Angular et Python
Construisez un frontend Angular simple avec un backend Python, déployez-le en ligne et pointez votre propre domaine dessus. Un premier aperçu concret de la mise en production d'une application web.
4u
durée
€ 50
budget
Ancrage
rythme
Il y a un plaisir particulier à taper un domaine dans un navigateur et à voir apparaître quelque chose que vous avez construit. Ce projet vous y amène. Vous allez créer un frontend Angular, connecter un petit backend Python et Flask, puis mettre le tout en ligne.
Vous commencez en local : installez Node et l'Angular CLI, lancez un projet, puis ajoutez une application Flask qui répond avec "Hello, World!" Une fois que les deux fonctionnent sur votre machine, vous déployez sur une plateforme d'hébergement, ajoutez un Procfile et poussez votre code. La dernière étape est le DNS : un enregistrement CNAME qui relie votre propre domaine à l'application déployée. C'est une petite application, mais elle vous guide à travers chaque couche de la mise en ligne d'un vrai logiciel, ce qui est exactement la connaissance qui se transfère à des projets plus ambitieux.
par PlayTryBe team
Installez Node.js, puis l'Angular CLI avec npm install -g @angular/cli. Créez un projet avec ng new hello-world et lancez ng serve pour confirmer que tout fonctionne.
Ajoutez un backend Python : installez Flask, créez app.py avec une seule route qui retourne 'Hello, World!', et testez-la sur localhost:5000.
Déployez sur une plateforme d'hébergement. Ajoutez un Procfile, committez votre code avec git et poussez-le en ligne.
Pointez votre domaine vers l'application en ajoutant un enregistrement CNAME dans le panneau DNS de votre registrar, puis attendez la propagation.
Suggestion : Laissez du temps aux modifications DNS ; elles peuvent prendre un moment avant de prendre effet.Ouvrez votre propre domaine dans un navigateur et regardez votre page Hello World se charger. C'est une application complète, en ligne sur internet.
Pour qui veut refaire ceci