This sample demonstrates how to integrate ASP.NET Core Blazor with Microsoft Orleans. This demonstrates the in-browser Blazor Server hosting model.
The application leverages Orleans Streams to provide real-time synchronization between browser sessions.
The application is based on the official tutorial, adapted to showcase integration with Orleans.
Run the sample by opening a terminal window and executing the following at the command prompt:
dotnet runOnce the application appears to have started, you can access it using a Web browser by navigating to http://localhost:5000/.
Opening multiple browser sessions to that address will showcase real-time synchronization between browser sessions in the Todo list demo.
Both client-side and server-side apps showcase the same three demos:
Shows a button that updates a counter. This demonstrates basic logic in Blazor. This demo does not integrate with Orleans.
A page that fetches read-only data from Orleans.
The application sources this data from an Orleans grain by making a grain call via the WeatherForecastService type.
A page that manages a todo list. Allows creating, editing and removing todo items.
The application manages this data via direct calls to supporting grains in the Orleans cluster. The application subscribes to individual changes to this list via Orleans Streams. This allows it to keep the todo list updated in real-time, upon changes from other browser sessions. Changes are rendered and sent in real-time to the browser via the underlying SignalR infrastructure in Blazor.
To demonstrate real-time server updates, open multiple browser windows showing the server-side todo demo, and then proceed to perform changes to the todo list from any window. The other windows will mirror the update in real-time.