Very simple Blazor calls very simple API web app

Question

Hi all;

This is three associated questions. I need to create a simple web app that has a single controller. It is passed 3 parameters and returns an array of strings. What should I create in Visual Studio?

I then need to have a simple Blazor server app that had 2 edit boxes. When those are filled and the submit button clicked, it calls the API web app, gets back the asrray of ints, and displays them.

I know how to create the sample Blazor server app (counter and temperature). But all my forms use DevExpress. Is there a sample somewhere about how to create a simple form in Blazor using native edit boxes?

And finally, any guidance in the Blazor app adding a GUID the the request header and the API app reading it. This will be the key used for authentication.

I'm asking the above because I'm finding lots of conflicting ways to accomplish the above. If I'm going to learn something new, I want to learn the best way to do it.

thanks - dave

Answer 1

for a single controller api, I'd just create a webapi minimal

% dotnet new webapi -minimal

to get the header:

app.MapPost("api/doit", async (
   [FromForm] string p1,
   [FromForm] string p2,
   [FromForm] string p3,
   [FromHeader(Name = "xx-name")] string headerValue ) =>
{
    var list = await CreateList(...);
    return Results.Ok(list);
});

if you end up with multiple api calls, I use middleware to parse the custom header and update an injected object;

for HttpClient see this thread:

https://stackoverflow.com/questions/35907642/custom-header-to-httpclient-request

and finally if its just a one page app with a simple form. I'd use razor pages instead of Blazor