[{"data":1,"prerenderedAt":36},["ShallowReactive",2],{"page:blog-id:de:76":3},{"id":4,"order":5,"published":6,"dateInserted":7,"publishDate":8,"dateChanged":9,"author":10,"ratings":5,"ratingAmount":5,"ratingAverage":5,"ratingOwn":5,"files":16,"videos":24,"documents":25,"postTexts":26,"distance":5},76,0,true,"0001-01-01T00:00:00","2022-12-31T23:00:00","2023-11-16T15:41:29.4772853",{"id":11,"name":12,"surname":13,"nickName":14,"fullName":15},1,"Schaffer","Alexander","the boss","Schaffer Alexander",[17],{"imgUrl":18,"blobImgUrlBig":19,"blobImgUrlSharing":20,"blobImgUrlMedium":21,"blobImgUrlSmall":22,"blobImgUrlMicro":23},"https:\u002F\u002Fmaheviblobs.blob.core.windows.net\u002Fimage\u002FAzure-WebApp-f1ab415b-cbbe-4ec1-85de-efc6ccc369a3-Base-10d433d4-055f-4ee1-811f-718bb6067891.jpg?sv=2024-11-04&se=2026-09-17T19%3A57%3A07Z&sr=b&sp=r&sig=vuEPdj%2BQjJC8Lv9zwi67rDRyIc9BPMYDecJGAFuyz2Q%3D","https:\u002F\u002Fmaheviblobs.blob.core.windows.net\u002Fimage\u002FAzure-WebApp-439cbcb8-8133-42a6-90b3-47616d16e0ca-big.webp?sv=2024-11-04&se=2026-09-17T19%3A57%3A07Z&sr=b&sp=r&sig=tta2iAPqGOauN5BqOpbPxN31WpaKMIHpfkspL8dEc%2BM%3D","https:\u002F\u002Fmaheviblobsunsec.blob.core.windows.net\u002Fimage\u002FAzure-WebApp-439cbcb8-8133-42a6-90b3-47616d16e0ca-sharing.jpeg?sv=2024-11-04&se=2026-09-17T19%3A57%3A07Z&sr=b&sp=r&sig=7NVbo7vaD4Gtk6N11alORQQToK9EkgaIhoc1ibe2B4Y%3D","https:\u002F\u002Fmaheviblobs.blob.core.windows.net\u002Fimage\u002FAzure-WebApp-439cbcb8-8133-42a6-90b3-47616d16e0ca-medium.webp?sv=2024-11-04&se=2026-09-17T19%3A57%3A07Z&sr=b&sp=r&sig=EkdVEDJExn8vIlYSO7j2fvDYySm8kZc7%2B6bCECGOIUU%3D","https:\u002F\u002Fmaheviblobs.blob.core.windows.net\u002Fimage\u002FAzure-WebApp-439cbcb8-8133-42a6-90b3-47616d16e0ca-small.webp?sv=2024-11-04&se=2026-09-17T19%3A57%3A07Z&sr=b&sp=r&sig=HNPNbpQZiFhLHLvFrjutZmDi%2B0mkOFSbL4WRL%2FczzyU%3D","https:\u002F\u002Fmaheviblobs.blob.core.windows.net\u002Fimage\u002FAzure-WebApp-439cbcb8-8133-42a6-90b3-47616d16e0ca-micro.webp?sv=2024-11-04&se=2026-09-17T19%3A57%3A07Z&sr=b&sp=r&sig=S%2BBEdJWFmDivVsU%2B3IYB48TqTixneB5SpcAQtfn5M4g%3D",[],[],[27],{"id":5,"locale":28,"header":29,"subHeader":30,"contentShort":31,"content":29,"contentShortHTML":32,"contentHTML":33,"slug":34,"postId":4,"languageId":35,"automaticTranslation":6},"de","Web-App in Azure","Tech Stack Nuxt, C# und MSSQL ","Implementierung einer Nuxt WebApp (Static und SSR) mit einem C#.Net Backend und MSSQL Datenbank in Azure","\u003Cp>Dies ist eine beispielhafte Implementierung im Azure Microsoft-Ökosystem, könnte aber auch auf AWS bereitgestellt werden (z. B. azure blob storage entspricht AWS S3, DNS von Route 53, Azure Active Directory B2C von Cognito usw.)\u003C\u002Fp>","\u003Ch3>Identitäts- und Zugriffsverwaltung\u003C\u002Fh3>\u003Cp>Anstatt ein eigenes Identitätsmanagement beizubehalten, wird es aus \u003Cstrong>Sicherheitsgründen \u003C\u002Fstrong>(mit \u003Cstrong>Key Vault \u003C\u002Fstrong>und \u003Cstrong>verwalteten Identitäten), funktionalen\u003C\u002Fstrong> \u003Cstrong>Gründen \u003C\u002Fstrong>(Gruppen-, Rollen-, Synchronisations-, Privilegien- und Bereichsverwaltung) und \u003Cstrong>Konnektivitätsgründen an Azure AD\u003C\u002Fstrong> (Active Directory) delegiert. Die meisten Unternehmen verwenden bereits Azure AD (Skype, Office365 usw.), was die Integration externer Dienste erleichtert.\u003C\u002Fp>\u003Cp>\u003Cstrong>Azure AD\u003C\u002Fstrong> bietet außerdem Multifaktor, Authentifizierung ohne Kennwort und Single Sign On. Mit \u003Cstrong>Azure AD Connect \u003C\u002Fstrong> können Active Directory-Domänendienste synchronisiert werden.\u003C\u002Fp>\u003Cp>Die Integration eines externen Identitätsanbieters (Facebook, Google, Direct Federation etc.) ist auch möglich. Azure Active Directory B2C wird für die Customer Identity-Integration verwendet, die eine benutzerdefinierte Benutzeroberfläche ermöglicht. Managed Identity ist für containerisierte Microservices empfohlen.&nbsp;\u003C\u002Fp>\u003Ch3>Microservices mit Docker Container\u003C\u002Fh3>\u003Cp>Die containerisierte Microservices-Architektur hat Vorteile in Bezug auf Skalierbarkeit, Portabilität und Integration mehrerer Anwendungen in verschiedenen Sprachen. Für Kostenmanagement und Leistung ist eine automatisch skalierbare Infrastruktur eine gute Option.\u003C\u002Fp>\u003Cp>Orchestriert mit \u003Cstrong>Gateways\u003C\u002Fstrong> (WebSocket\u002FHTTPS, Web Application Firewall, SSL Offloading, Smart Routing), \u003Cstrong>Load Balancing\u003C\u002Fstrong> (Verteilung von Workload) und automatisch\u003Cstrong> skalierenden VM-Skalierungsgruppen\u003C\u002Fstrong> bietet es auch eine hervorragende Performance.\u003C\u002Fp>\u003Ch3>Hohe Verfügbarkeit\u003C\u002Fh3>\u003Cp>Implementiere Backup-Datencenter an verschiedenen Geostandorten. Verwende \u003Cstrong>Azure Availability Zones mit versprochener \u003C\u002Fstrong>Verfügbarkeit von 99,99 %. Nutze Azure \u003Cstrong>Front Door\u003C\u002Fstrong> oder \u003Cstrong>Azure Traffic Manager\u003C\u002Fstrong> und halte die Datenschicht synchron.\u003C\u002Fp>\u003Ch3>Backup \u002F Retention\u003C\u002Fh3>\u003Cp>Backups für Datenbanken können regelmäßig geplant werden. \u003C\u002Fp>\u003Cul>\u003Cli>Full backups wöchentlich.\u003C\u002Fli>\u003Cli>Differential backups alle 12 - 24 Stunden\u003C\u002Fli>\u003Cli>Transaction log backups alle 10 Minuten.\u003C\u002Fli>\u003C\u002Ful>\u003Cp>(Standardwerte können angepasst werden)\u003C\u002Fp>\u003Cp>Für \u003Cstrong>Azure Blob Storage\u003C\u002Fstrong> ist sogar eine kontinuierliche Sicherung oder ein Soft-Delete möglich.\u003C\u002Fp>\u003Cp>Darüber hinaus ist die Infrastruktur als Code eine Empfehlung für Portabilität und Wiederherstellung.\u003C\u002Fp>\u003Cp>In diesem Beispiel scheint kein redundantes \u003Cstrong>Backup-Rechenzentrum\u003C\u002Fstrong> für Hochverfügbarkeit wie in der Finanzindustrie eine vernünftige Anforderung zu sein.\u003C\u002Fp>\u003Ch3>Funktionale Anforderungen\u003C\u002Fh3>\u003Cp>Mit Azure \u003Cstrong>Cognitive\u003C\u002Fstrong> Services können Übersetzungen automatisiert werden.\u003C\u002Fp>\u003Cp>Chat, Videoanrufe können über Azure \u003Cstrong>Communication Services\u003C\u002Fstrong> implementiert werden (noch nicht erforderlich).\u003C\u002Fp>\u003Cp>Die Anforderungen an die Bild- und Videoverarbeitung müssen separat analysiert werden (entweder externe Dienste implementieren oder \u003Cstrong>Azure Batch\u003C\u002Fstrong> zusammen mit FFMPEG für Videos verwenden). Derzeit ist ein Upload in Blobs eine gute Option.\u003C\u002Fp>\u003Cp>Mailing- oder SMS-Dienste sind nicht in Azure integriert, können aber über MailJet, Gmail oder SendGrid implementiert werden. In \u003Cstrong>Azure AD ist B2C Self-Service \u003C\u002Fstrong>mit Mailing möglich.\u003C\u002Fp>\u003Cp>Mit \u003Cstrong>Azure Scheduler \u003C\u002Fstrong>können reguläre Aufgaben ausgelöst werden (Berichte senden, Daten bereinigen, Erinnerung festlegen usw.), andernfalls können eigene Microservices wie in C # oder andere erstellte Quarz eine Option sein.\u003C\u002Fp>\u003Ch3>DevOps \u002F Staging \u002F Testing \u003C\u002Fh3>\u003Cp>Staging umfasst mindestens eine Produktions-, Preproduction- und Testumgebung&nbsp;\u003C\u002Fp>\u003Cp>DevOps erfordert ein sorgfältiges Design, wenn es um Continuous Integration, Continuous Delivery (CI\u002FCD) und Testing geht. Die Integration von \u003Cstrong>Azure-Testplänen\u003C\u002Fstrong> in \u003Cstrong>Azure DevOps\u003C\u002Fstrong> muss aus Kosten- und Ressourcengründen gründlich analysiert werden. Das Testen wird im Laufe der Zeit sehr komplex, daher sollte es von Anfang an so weit wie möglich automatisiert (zB Cypress) werden.\u003C\u002Fp>\u003Cp>\u003Cstrong>Die Integration automatisierter Tests muss ein Kernprinzip in DevOps sein.\u003C\u002Fstrong>\u003C\u002Fp>\u003Cp>Neben Integrated Development Testing sind die folgenden geplanten Tests so einzurichten, dass sie mindestens einmal jährlich durchgeführt werden:\u003C\u002Fp>\u003Cul>\u003Cli>load testing\u003C\u002Fli>\u003Cli>penetration testing (including monitoring and analytics)\u003C\u002Fli>\u003Cli>data recovery tests\u003C\u002Fli>\u003Cli>system recovery test (with infrastructure as code)\u003C\u002Fli>\u003Cli>disaster management (with defined scenarios)\u003C\u002Fli>\u003C\u002Ful>\u003Ch3>IoT (Internet der Dinge)\u003C\u002Fh3>\u003Cp>Ist noch keine Voraussetzung. Aber die Verwendung von Sensoren, die Tickets für leere Spender, offene Türen, geänderte Temperatur oder andere Detektoren erstellen, kann eine gute Ergänzung sein. In Azure IOT Hub sind diese Anforderungen einfach zu integrieren. Zum Beispiel werden bei Bankbefüllungen Geldautomaten oder Drucker durch Sensoren ausgelöst, um unnötige Besuche zu vermeiden.\u003C\u002Fp>\u003Ch3>Kostenmanagement\u003C\u002Fh3>\u003Cp>Jede Infrastruktur erfordert eine kontinuierliche Kostenüberwachung, einschließlich der Suche nach Alternativen und der Gesamtkostenanalyse. Azure bietet sehr detaillierte Kostenanalysefeatures und Projektionen mit Warnmeldungen.\u003C\u002Fp>\u003Ch3>Monitoring und Health\u003C\u002Fh3>\u003Ch4>UX \u002F Front End \u003C\u002Fh4>\u003Cp>Für das User Experience Monitoring sollten externe Bibliotheken oder eigene Microservices implementiert werden. Diese sollten aber zusammen mit wirklich durchgeführten Analysen umgesetzt werden.&nbsp; Es ist sehr wichtig zu wissen, wo Benutzer verloren gehen oder ob sie inaktiv werden. Integrieren Sie auch Feedback-Trigger direkt in die Frontend-Anwendung und sammeln Sie Fehlerprotokolle.\u003C\u002Fp>\u003Ch4>Health\u003C\u002Fh4>\u003Cp>Azure verfügt über integrierte Integritäts- (Integritätsprüfpunkte im Container) und Leistungsmonitore (Containereinblicke) mit ausgefeilten Benachrichtigungs- und automatischen Aushärtungsdiensten\u003C\u002Fp>\u003Cp>SLA-Überwachung Für den Fall, dass Verfügbarkeits- und Qualitätsversprechen in SLAs gegeben werden, gibt es viele Möglichkeiten, dies zu implementieren. Eine mögliche erweiterte Lösung ist Azure Monitor.\u003C\u002Fp>\u003Cp> \u003C\u002Fp>\u003Cp>\u003Cbr>\u003C\u002Fp>","web-app-in-azure",2,1789588626150]