Dev-Log: Webseiten Relaunch #1 - Einführung

Geschrieben von Kay Molkenthin am 10.01.2020

Dieser Artikel gibt einen Überblick über die kommende Artikelreihe zum komBAS Webseiten-Relaunch.

Gründe und Ziele des Vorhabens

In der Vergangenheit wurden bei komBAS in der Regel Webanwendungen und Services von Drittanbietern genutzt. Viele davon sind Open Source Projekte mit mehr oder weniger regelmäßigen Updatezyklen und eigenen Technologien. Die Pflege dieser Anwendungen (speziell in Bezug auf Updates und sicherheitsrelevante Funktionen) sowie die Anpassung an die eigenen Bedürfnisse war insgesamt und regelmäßig mit großem Aufwand verbunden.

Das Ziel war es daher, alle notwendigen Anwendungen selbst neu zu entwickeln und unter einer einheitlichen Technologie zu konsolidieren. Hierbei wurde besonderer Wert darauf gelegt, dass die Pflege der Anwendungen so einfach wie möglich erfolgen kann.

In Bezug auf die Entwicklung sollten die neuen Systeme genau das können, was wir benötigen - nicht mehr, aber auch nicht weniger. Dennoch soll die verwendete Technologie es ermöglichen, künftig benötigte Funktionalitäten so einfach wie möglich hinzufügen zu können.

Zu den Hauptzielen der Entwicklung gehören insbesondere

• Leichte Wartung und Pflege der Systeme durch Modularisierung (APIs Benutzeroberfläche)
• Berücksichtigung von aktuellen Sicherheitsaspekten
• Zentralisierte Authentifizierung und Autorisierung
• Hohe Benutzerfreundlichkeit
• Mobile-ready
• SEO-friendly

Technischer Überblick

Hier ein kurzer Überblick, welche Tools und Techniken verwendet wurden.

Web API

• C#
• .NET Core 5.x
• Entity Framework Core

Client (GUI)

• Angular 10
• ngx Bootstrap

Tools

• Visual Studio 2019 (für Web API Entwicklung und Azure Veröffentlichungen)
• Visual Code (für Client Entwicklung)
• Postman (API Development / Testing)
• Git (Source Code Management)
• Github (Online Repository)

Environment

• Development: localhost, VMs, Container
• Production: Azure
  • App Services
  • SQL Database
  • Blob Storage

Ressourcen

Ich muss dabei betonen, welches Glück ich hatte, eine erstklassige Ressource finden zu können, um Angular lernen zu können. Tief verwurzelt in der C# und .NET Ecke war die Kombination mit Angular für mich die perfekte Kombination zur Entwicklung der Systeme.

Der folgende Kurs auf Udemy hat mich mit fast allem versorgt, was ich wissen musste und mit fast meine ich zu 98% - vielen Dank an Neil!

Build an app with ASPNET Core and Angular from scratch