playbook
Deploye deine erste Hello World App mit Angular und Python
Baue ein einfaches Angular-Frontend mit einem Python-Backend, deploye es online und verbinde deine eigene Domain damit. Ein praktischer erster Einblick in das Veröffentlichen einer Web-App.
4u
Dauer
€ 50
Budget
Erden
Tempo
Es gibt einen besonderen Nervenkitzel darin, eine Domain in den Browser einzutippen und etwas zu sehen, das du selbst gebaut hast. Dieses Projekt bringt dich genau dahin. Du erstellst ein Angular-Frontend, verbindest es mit einem kleinen Python- und Flask-Backend und bringst das Ganze live.
Du startest lokal: installiere Node und die Angular CLI, leg ein Projekt an, und füge dann eine Flask-App hinzu, die mit "Hello, World!" antwortet. Sobald beides auf deinem Rechner läuft, deployest du es auf einer Hosting-Plattform, fügst ein Procfile hinzu und pushst deinen Code. Der letzte Schritt ist DNS: ein CNAME-Eintrag, der deine eigene Domain mit der deployten App verbindet. Es ist eine kleine Anwendung, aber sie führt dich durch jede Schicht des Prozesses, echte Software online zu bringen, und genau dieses Wissen lässt sich auf größere Projekte übertragen.
von PlayTryBe team
Installiere Node.js und anschließend 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 alles funktioniert.
Füge ein Python-Backend hinzu: installiere Flask, erstelle app.py mit einer einzelnen Route, die 'Hello, World!' zurückgibt, und teste sie unter localhost:5000.
Deploye auf eine Hosting-Plattform. Füge ein Procfile hinzu, committe deinen Code mit git und pushe ihn live.
Verbinde deine Domain mit der App, 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 im Browser und schau zu, wie deine Hello World Seite lädt. Das ist eine vollständige App, live im Internet.
Für alle, die das nachmachen