[Server][WebAssembly] Add Tutorials that show us how to use and connect WebAssembly as server-side UI just like Blazor

[DevTKSS]

What would you like to be added? 💡

Intro

I would like to have a equivalent to Blazor docs just for doing this with uno and without Razor Pages, assuming this would not be what we are targeting using Uno Platform with one codebase (xaml/c#) for all platforms.

Potentially this could or would be a Series just like the Migration from Silverlight docs which might not be evaluated for using in current Uno apps:

• Using UWP which Uno does not longer support up from version 6.0
• Using IdentityServer4 which is from its provider recommended for migration.

This should cover the How-To for the template provided Server Project as ServerSide-WebAssembly UI option and best case get a own section in the docs overview or tutorials maybe, to provide a clean brevity overview.

What this should implement/show:

1. Information about launchsettings.json + appsettings.json for this
   from [WASM][Server] Using HTTPS fails on both the server side and app side #21090 I created a initial intro that I found important to be noticed and no-one told us. Attached this to my Repo

2. Simple ToDo App for example resembling this tutorial of Blazor with Razor Pages

• Connecting minimal api endpoints to Wasm UI

  @page "/todo" //<-- how to do this Minimal API to UI connection shown here for Blazor/Razor just in Uno Apps?
  @rendermode InteractiveServer
  
  <PageTitle>Todo</PageTitle>
  
  <h3>Todo</h3>
  
  @code {
  
  }

  Include maybe then a Link to Deploying to Azure static web apps we do have

• 3. Some database using app Blazor tutorial for a movie database app

  • Implementing a InMemoryDatabase with e.g. EF Core like years ago Uno showed us thats possible with older uno.sdk versions 🚀
    could then link to more advanced or other Database types like SqLite or MySql, whatever I seen (outdated as hell) in the samples repo -> consider refreshing them?

• 4. Blazor docs to **secure authentication flow required for production apps,

  • showcasing also how to do this ServerSide
  • at e.g. this anchor they even having a template

  Possible Auth flow that could&should be using Uno Extensions 👍

  • Uno Client App -> Auth via Cookies for example -> Our Server project
  • Our Server Project -> Auth via oAuth2 as basic, optionally Jwt, msal and oidc for advanced szenarios -> external api

Proposal for Template enhancement

So seeing the points above: whats limiting us using Uno codebase, to get a ready-to-go Auth UI and ErrorCodePages UI template provided setup already for our Server Project, if choosen Auth+Server ? 🚀

• Existing Issue for this: Update the Server project to also use Authentication uno.templates#81

Important Considerations

This is not primary required to support Multi Threading (looking at the current issue to this from dotnet/runtime) but this here should maybe considered and also linked:

• https://developer.mozilla.org/en-US/docs/Web/HTTP/Guides/CORS
  • https://developer.mozilla.org/en-US/docs/Web/HTTP/Guides/CORS/Errors
• https://developer.mozilla.org/en-US/docs/Web/HTTP/Guides/Cross-Origin_Resource_Policy
• https://developer.mozilla.org/en-US/docs/Web/HTTP/Guides/Permissions_Policy
• https://developer.mozilla.org/en-US/docs/Web/HTTP/Guides/CSP
• https://developer.mozilla.org/en-US/docs/Web/HTTP/Reference/Headers

We should get some examples told, which Headers we should evaluate for the different Uno.Extensions Auth & Http (ref to the dotnet runtime Multi-threading headers ?) and as the uno.Wasm.Bootstrap.Server Package our Server is using, which defines additional ones, that we might need to include those so our communitcation does not fail from this?

Some collected lookups I found for myself, but no idea how to connect this finally:

• MDN CORS Documentation - Cross-origin resource sharing
• MDN CORS Preflight Requests - Preflight request headers
• Substack CORS Configuration Reference - CORS policy setup
• A comprehensive overview of ASP.NET Core Authentication - Reddit article about ASP.NET Core authentication

MS Docs Lookups

• Browser Link
• Debugging ASP.NET Core Launch Settings incl. Ports
• Fundamentals of ASP.NET environment specific settings

Renderer 🎨

• Skia
• Native

For which platforms 📱💻🖥️

All platforms 🌍

Any feedback? 💬

By adding this, Uno Platform would greatly enhance the Possibilities for us Users to learn using this codebase without beeing required to learn before this Blazor etc 🚀 ❤️

unoplatform/studio#102
unoplatform/uno.templates#81
#20999
Replaces: #20955

I think there are more issues and maybe discussions that would ask for this

I would help on this, but I have no clue how to do this already that first point and that auth with uno, because what Blazor docs are telling us is using their extensions we do not have in Uno and I would not thing that you would prefer us to use Blazor Packages in uno Solutions, isnt it? 🙃

@jeromelaban @kazo0 I hope this overview and list could help understand and clarify what we need?

[jeromelaban]

Blocked by:

• [WASM][Server] Using HTTPS fails on both the server side and app side #21090, where enabling SSL (not the default scenario in the template) breaks debugging.
• [browser] WasmAppHost should not force COOP/COEP when not using threading dotnet/runtime#109937, blocking only for local development which uses COEP like features, such as login related features. dotnet serve or related will work.

[DevTKSS]

@jeromelaban so thats meaning, we can not do uno wasm serverside even without multi threading support? 😨
I mean, if they require those headers, then maybe let us just add those? what is the problem on this I miss?

I mean here they are even telling how to do this, or not? https://learn.microsoft.com/en-us/aspnet/core/security/enforcing-ssl?view=aspnetcore-9.0&tabs=visual-studio%2Clinux-sles
and here they are even telling how to do that https 🤔https://learn.microsoft.com/de-de/aspnet/core/blazor/host-and-deploy/webassembly/multiple-hosted-webassembly?view=aspnetcore-3.1&pivots=port-domain I did not try either of them so far but if not, then it seems to me like I have to use Blazor for that task :(

[jeromelaban]

@DevTKSS I've updated my comment, we do not have any further update for now.

[DevTKSS]

@jeromelaban seems like both blocking issues now are closed, can you re-check if this how to could get tackled?