9 Funktionen von Azure, die Deine Developer Journey vereinfachen

Developer Onboarding: Wenn man Azure Static Web Apps in Kombination mit Github Codespaces verwendet, bekomme ich als Frontend-Entwickler ein komplett cloud- und browserbasiertes IDE (Entwicklertools). Dieses IDE braucht keine Installation und hat deshalb keine typischen Hindernisse, wie beispielsweise die Notwendigkeit von Admin-Rechten zur Installation von Software. Das ist vor allem in einem regulierten Umfeld von grossem Vorteil. Obwohl die IDE auf der Cloud läuft, kann ich aufgrund von Githubs Governance Features trotzdem global die Governance von allen IDEs regulieren. In Github Codespaces ist der Visual Studio Code vorinstalliert. Durch die Visual Studio Code Extension für Azure Static Web Apps kann ich sehr schnell die nötigen Entwicklungstools lokal bereitstellen.
Frontend-Initialisierung: Microsoft bereitet sich auf Template-Projekte von populären Frameworks vor und ich als Entwickler kann per Knopfdruck neue Projekte generieren. Azure Static Web Apps abstrahiert die unterschiedlichen FrontendFrameworks und bietet ein einheitliches Interface, um Projekte zu managen. Beispielsweise kennt Azure Static Web Apps die heterogene Konfiguration von verschiedenen Frameworks und erkennt, wo der Pfad zu Build und der Pfad zu Source Code ist.
Frontend-Backend Integration: Azure Static Web Apps kann auch die Frontend mit unterschiedlichen Backend Services wie Azure API Management, Azure App Service verlinken. Azure Static Web App stellt auch sicher, dass die Frontend App mit dem Backend Service sicher angebunden ist. Während des Verlinkungsprozesses zwischen Azure Static Web Apps und Azure API Management wird eine Policy hinzugefügt, sodass das Token von Azure Static Web Apps überprüft werden kann.
Pull Request Review: Wenn Azure Static Web Apps in Kombination mit GitHub verwendet wird, erhalte ich als Frontend-Entwickler nach dem Öffnen eines PR eine temporäre URL. Die URL verweist auf die bereitgestellte Webanwendung mit der Pull Request-Version. Wenn ich diesen PR überprüfen möchte, kann ich einfach auf diese URL klicken und die Implementierung selbst in einer Live-Umgebung überprüfen.
CI/CD: Azure Static Web Apps können die Github Actions automatisch generieren, damit der Frontend Code in Azure Static Web Apps deployed werden kann. Hier können die Backend APIs in unterschiedlichen Azure API Hosting Services wie Azure App Service oder Azure Function deployed werden.
Custom Domain: Ein professioneller Domain-Name ist für die digitale Präsenz wichtig. Ein Domain-Name wie ipt.ch ist viel professioneller als ipt.azurewebsites.net. Dank der nativen Integration mit Azure Front Door ist es sehr einfach, eine Custom Domain zu konfigurieren und sie im Internet über HTTPS verfügbar zu machen. Das Ganze funktioniert, ohne dass man sich Gedanken über die Zertifikatsverwaltung machen muss. Diese wird komplett von Azure verwaltet.
AuthN/AuthZ: Azure Static Web Apps lässt sich mit gängigen IdPs wie Azure B2C, Google usw. integrieren, um Frontend Apps mit der Kundenidentität zu schützen. Mit einer einfachen Konfiguration kann man die Berechtigung in den Apps regeln (z. B. kann der Administrator auf Statistiken zugreifen, während die Kunden nur auf das Konto zugreifen).
Web Security: WAF spielt eine wichtige Rolle bei der Web-Sicherheit. WAF sichert den Web Traffic gegen Angriffe wie SQL Injection, Cross-Site Scripting. Dank der nativen Integration mit Azure Front Door und WAF kann der Web Traffic geschützt werden.
Web Performance: Damit die Benutzer das beste Frontend-Erlebnis haben und die Website schnell von überall auf der Welt öffnen können, bietet Azure Static mit dem Feature Enterprise Grade ein integriertes CDN. Die Ergebnisse für dieselben Abfragen können auf Azure Static Web App zwischengespeichert werden. Dies beschleunigt die Website erheblich.

Hast du auch einen spannenden Use Case? Let's talk!

Yu Li