Client-Server-Anwendung mithilfe von GitHub Copilot erstellen

In einem Blogpost erfahren Sie, wie Sie mit .NET und GitHub Copilot eine Client-Server-Anwendung erstellen können. Als Beispiel dient eine Autoanwendung, die sowohl serverseitigen Code mit ASP.NET Minimal APIs als auch clientseitige Logik mit Blazor umfasst.

Zunächst müssen Sie Visual Studio in der Version 17.11.3 oder höher installiert haben. Ausserdem benötigen Sie ein Azure-Konto für die spätere Bereitstellung der Anwendung.

Nach dem Anlegen eines neuen Projekts in Visual Studio erstellen Sie eine Blazor-WebAssembly-Anwendung, die als Benutzeroberfläche dient. Bei der Konfiguration des Projekts sollten Sie darauf achten, .NET 8.0 als Zielversion auszuwählen.

Im weiteren Verlauf der Entwicklung verwenden Sie GitHub Copilot, um Code-Snippets und Vorschläge für bestimmte Funktionen zu erhalten. Insbesondere helfen diese Tools, Datenmodelle zu erstellen, einen API-Endpunkt zu definieren und die Anwendung zu testen. Beispielsweise kann Copilot dabei helfen, die Sammlung Cars zu erstellen, die eine Liste von Automodellen enthält.

Ein weiteres wichtiges Element ist die Verwendung von CORS (Cross-Origin Resource Sharing), um sicherzustellen, dass Ihre Anwendung sicher mit dem Backend kommunizieren kann. Dies ist besonders relevant, wenn die Client-Anwendung in einem Webbrowser läuft, während das Backend auf einem anderen Server gehostet wird. In diesem Zusammenhang werden Sie mit GitHub Copilot auch die entsprechenden CORS-Einstellungen konfigurieren.

Nach der Entwicklung der Anwendung werden Sie den nächsten Schritt unternehmen und die Anwendung in Azure bereitstellen. Dies erfolgt über automatisierte CI/CD-Pipelines mithilfe von GitHub Actions. Diese stellen sicher, dass jeder Code-Commit, den Sie machen, automatisch auf Azure bereitgestellt wird, was die Notwendigkeit manueller Bereitstellungen verringert.