SPAs & APIs mal anders: gRPC Code-First mit Blazor WebAssembly & ASP.NET Core 7 Patrick Jahr @jahr_patrick Developer Consultant

Hello, it’s me. Patrick Jahr Developer Consultant @ Thinktecture AG E-Mail: [email protected] Twitter: @jahr_patrick Slides: https://thinktecture.com/patrick-jahr SPAs & APIs mal anders: gRPC Code-First mit Blazor WebAssembly & ASP.NET Core 7 Patrick Jahr P

Warum gRPC bzw. gRPC-Web? Contract First vs Code First Single Point of Interface Vom Backend zur SPA Resumé SPAs & APIs mal anders: gRPC Code-First mit Blazor WebAssembly & ASP.NET Core 7

• Typsicherheit und Codegenerierung • Schnittstellendefinition mit Protocol Buffers (ProtoBuf) • Codegenerierung für sowohl den Client- als auch den Servercode • Performante Serialisierung der Daten • Deserialisierung erfolgt etwa 2-3 Mal schneller als mit JSON. • Bidirektionale Streaming-Kommunikation • (Client) und Server-Streaming • Unterstützung für Webanwendungen durch gRPC-Web • .NET, Java, Python, Go und viele weitere SPAs & APIs mal anders: gRPC Code-First mit Blazor WebAssembly & ASP.NET Core 7 Warum gRPC bzw. gRPC-Web?

SPAs & APIs mal anders: gRPC Code-First mit Blazor WebAssembly & ASP.NET Core 7

Warum gRPC bzw. gRPC-Web? Contract First vs Code First Single Point of Interface Vom Backend zur SPA Resumé SPAs & APIs mal anders: gRPC Code-First mit Blazor WebAssembly & ASP.NET Core 7

Contract First • Service Schnittstellen mit Hilfe von .proto Dateien erstellen • Plattform- und Programmiersprachenunabhängig • Definieren von: • message-Objekten (Models) • service-Objecten (Services) • Code generation via MSBuild Task • Erstellt Server und Client Code SPAs & APIs mal anders: gRPC Code-First mit Blazor WebAssembly & ASP.NET Core 7 Contract First vs. Code First

Contract First – Service Sample SPAs & APIs mal anders: gRPC Code-First mit Blazor WebAssembly & ASP.NET Core 7 Contract First vs. Code First

Contract First – Model Sample SPAs & APIs mal anders: gRPC Code-First mit Blazor WebAssembly & ASP.NET Core 7 Contract First vs. Code First

Code First • NuGet Package: protobuf-net.Grpc • Entwickelt von Marc Gravell • Statt service- und message-Objekte, direkt im .NET-Code definieren • Streng typisierte .NET-Klassen sowohl im Backend als auch im Frontend • Code Sharing SPAs & APIs mal anders: gRPC Code-First mit Blazor WebAssembly & ASP.NET Core 7 Contract First vs. Code First

Warum gRPC bzw. gRPC-Web? Contract First vs Code First Single Point of Interface Vom Backend zur SPA Resumé SPAs & APIs mal anders: gRPC Code-First mit Blazor WebAssembly & ASP.NET Core 7

• Definieren eines Interface in einer Shared Library • Implementierung wird Serverseitig durchgeführt • Client nutzt lediglich das Interface, um mit dem Server zu kommunizieren Vom Backend bis zum Frontend mit nur einem Interface SPAs & APIs mal anders: gRPC Code-First mit Blazor WebAssembly & ASP.NET Core 7 Single Point of Interface

SPAs & APIs mal anders: gRPC Code-First mit Blazor WebAssembly & ASP.NET Core 7 Single Point of Interface

Warum gRPC bzw. gRPC-Web? Contract First vs Code First Single Point of Interface Vom Backend zur SPA Resumé SPAs & APIs mal anders: gRPC Code-First mit Blazor WebAssembly & ASP.NET Core 7

1. Server startet gRPC-Server um Clientaufrufe zu verarbeiten 2. Client enthält einen Stub, der dieselben Methoden wie der Server bereitstellt 3. gRPC-Stub sendet Proto- Anforderung(en) an den gRPC-Server und dieser gibt die Proto-Antwort(en) zurück SPAs & APIs mal anders: gRPC Code-First mit Blazor WebAssembly & ASP.NET Core 7 Vom Backend zur SPA 1 2 2 3

SPAs & APIs mal anders: gRPC Code-First mit Blazor WebAssembly & ASP.NET Core 7 LET`S CODE

Warum gRPC bzw. gRPC-Web? Contract First vs Code First Single Point of Interface Vom Backend zur SPA Resumé SPAs & APIs mal anders: gRPC Code-First mit Blazor WebAssembly & ASP.NET Core 7

- Höhere Performance bei der Deserialisierung als mit JSON - frühzeitige Fehlererkennung während der Kompilierung - Bessere IntelliSense-Unterstützung - Code Sharing - Server-Streaming SPAs & APIs mal anders: gRPC Code-First mit Blazor WebAssembly & ASP.NET Core 7 Resumé

Vielen Dank für Ihre Aufmerksamkeit! Patrick Jahr @jahr_patrick [email protected]