PlayBook📚
Deploye deine erste Hello World App mit Angular und Python
Baue ein einfaches Angular-Frontend mit einem Python-Backend, deploye es online und richte deine eigene Domain darauf ein. Ein praxisnaher erster Einblick in das Veröffentlichen einer Web-App.
4u
Dauer
€ 50
Budget
Erden
Tempo
There is a particular thrill in typing a domain into a browser and seeing something you built appear. This project gets you there. You will scaffold an Angular frontend, wire up a small Python and Flask backend, and push the whole thing live.
You start local: install Node and the Angular CLI, spin up a project, then add a Flask app that answers with "Hello, World!" Once both run on your machine, you deploy to a hosting platform, add a Procfile, and push your code. The final step is DNS: a CNAME record that connects your own domain to the deployed app. It is a small application, but it walks you through every layer of getting real software online, which is exactly the knowledge that transfers to bigger projects.
von PlayTryBe team
Installiere Node.js, dann die Angular CLI mit npm install -g @angular/cli. Erstelle ein Projekt mit ng new hello-world und führe ng serve aus, um zu bestätigen, dass es funktioniert.
Füge ein Python-Backend hinzu: installiere Flask, erstelle app.py mit einer einzigen Route, die 'Hello, World!' zurückgibt, und teste es unter localhost:5000.
Deploye auf einer Hosting-Plattform. Füge ein Procfile hinzu, committe deinen Code mit git und pushe ihn live.
Richte deine Domain auf die App ein, indem du einen CNAME-Eintrag im DNS-Panel deines Registrars hinzufügst, und warte dann auf die Propagierung.
Vorschlag: Gib DNS-Änderungen Zeit; sie können eine Weile dauern, bis sie wirksam werden.Öffne deine eigene Domain in einem Browser und beobachte, wie deine Hello World Seite lädt. Das ist eine vollständige App, live im Internet.
Für alle, die das nachmachen