nutshellit / guardian-component

Example of a Blazor component hosted in multiple environments

guardian-component

Example of a Razor Class Library component hosted in multiple environments

Guardian component

The shared component is a simple self-contained razor class library (RCL) that performs a simple search against the Guardian Api and displays the results in a paged list. You will need to sign-up for a key although 'test' seem to work for low volume queries.

Maui hosting

You just need to reference the RCL and can add the component like a normal blazor component.

Blazor hosting

You just need to reference the RCL and add the component like a normal Blazor component. There is an extension method 'AddGuardianServices' in the component that needs to be added and also an appsettings.json has been added with an 'IsBlazorHosted' to disable default bootstrapping when hosting in aspnet .

Aspnet core hosting

There are a few steps to follow. This is a good guide Blazor Hosting.

1. Create a simple wrapper component in the blazor application to wrap the RCL. I have called it GuardianShared.
2. Reference Nuget package Microsoft.AspNetCore.Components.WebAssembly.Server
3. Add <script src="_framework/blazor.webassembly.js"></script> to Layout page or page that is hosting the Blazor component.
4. Make sure that builder.RootComponents.Add("#app") is disabled in the blazor application.
5. Update program.cs with following changes in green
6. The component itself is rendered as follows in the page