WASM - Deployment

[drei97]

Hi,

I am testing Avalonia WASM. The browsertest example, see how-to-use-web-assembly, is working fine within my IDE (Rider, Linux) and from console via dotnet run.

But I am failing to publish the Browser project to a folder while the Desktop part is fine. Maybe I am missing some installation?

With setting target runtime as Portable I get the message

1>WasmApp.Common.targets(272,5): Error : $(MicrosoftNetCoreAppRuntimePackDir)='', and cannot find %(ResolvedRuntimePack.PackageDirectory)=. One of these need to be set to a valid path

with a specific target runtime as win-x64 or others I get

0>browsertest.sln.metaproj: Error MSB4057 : Das Ziel "browsertest:Restore" ist im Projekt nicht vorhanden.

target browsertest:Restore is not found in the project.

What's missing or wrong?

--EDIT:--

I was using the Publish function from Rider.

[maxkatz6]

win-x64 or linux-x64 are wrong for the browser. It should be browser-wasm.

But other than that, I would really recommend just using dotnet publish command line.

[drei97]

browser-wasm is not provided in the form above.

Running dotnet publish creates a related folder and dotnet serve is working.

Sry, I am really new to the topic, but what have I to do on the host server to get it finally running?

Just copying the folder publish/wwwroot to the host is not the only step I assume.

[maxkatz6]

It really depends on the host server. Some are easy enough to just copy publish/wwwroot.

[drei97]

let's say, the host is a linux server with apache2 running

Two or three years ago I already started in trying WASM but got stuck. I know that here are/were two scenarios, a web server based and a client based.

As far as I can remember the web based one had running a .NET application on the host dealing as web server, providing the dynamically created wep pages to the client.
The client based solution is providing not a web page but the binary assembly to the client by an ordinary web server like Apache. The application then is running fully in the web browser.

The browsertest example mentioned above is server based or a client based? I am confused since if it is server based I am missing or do not know which server app I would have to start on the host. If it is a client based it is not fitting my needs.

I am looking for a server based solution on a Linux (Debian based) server. Clients will be Linux and Windows PCs.

[stevemonaco]

I suggest starting from the Avalonia CrossPlatform project templates and removing the iOS/Android projects instead of trying to create a new project yourself. There's no reason why you should be changing the TFM.

You have some misconceptions here. Avalonia is not Blazor. There is no "Blazor Server" mode where the client state is ran on the server and sends DOM diffs to the client for updates.

Avalonia is a real WASM client (like Blazor WASM) - it runs fully in the client's browser. Your server hosts the client binary as static files and sends on request. Avalonia's WASM draws to a canvas and there's no virtual DOM representing controls. You use HttpClient to fetch data from APIs provided by a server, similar to any other app.

[drei97]

You have some misconceptions here. Avalonia is not Blazor. There is no "Blazor Server" mode where the client state is ran on the server and sends DOM diffs to the client for updates.

OK, that's important to know. Thank you for this clarification.