要創建一個最簡單的微軟 WebAssembly（Wasm）測試工程，最直接的方式是使用 Blazor WebAssembly，這是微軟官方推薦的 WebAssembly 開發框架。下面是創建和運行最簡單 Blazor WebAssembly 項目的步驟：

相關：微軟的wasm 和 rust的wasm 方案對比》》

深入：c# WebAssembly，在網頁上能運行多線程，異步，鎖，原子加，減等代碼嗎

步驟 1：安裝必要工具

確保已安裝.NET SDK（5.0 或更高版本），可以從微軟官網下載。

步驟 2：創建項目

打開命令行工具，運行以下命令創建一個新的 Blazor WebAssembly 項目：

dotnet new blazorwasm -n WasmTestApp
cd WasmTestApp

步驟 3：項目結構說明

最簡單的項目結構包含：

• Program.cs?- 應用入口點
• App.razor?- 根組件
• Pages?文件夾 - 包含頁面組件
• wwwroot?- 靜態文件

步驟 4：修改為最簡單的測試

我們可以修改Pages/Index.razor文件，創建一個簡單的測試頁面：

最簡單的Blazor WebAssembly測試項目,Index.razor：

@page "/"<h1>微軟Wasm測試</h1><p>這是一個最簡單的Blazor WebAssembly應用</p><button @onclick="IncrementCount">點擊計數</button>
<p>計數: @currentCount</p>@code {private int currentCount = 0;private void IncrementCount(){currentCount++;}
}

//Program.csusing Microsoft.AspNetCore.Components.Web;
using Microsoft.AspNetCore.Components.WebAssembly.Hosting;
using WasmTestApp;var builder = WebAssemblyHostBuilder.CreateDefault(args);
builder.RootComponents.Add<App>("#app");
builder.RootComponents.Add<HeadOutlet>("head::after");builder.Services.AddScoped(sp => new HttpClient { BaseAddress = new Uri(builder.HostEnvironment.BaseAddress) });await builder.Build().RunAsync();

創建時間：

步驟 5：運行項目

在命令行中執行以下命令運行項目：

dotnet run

然后打開瀏覽器訪問?https://localhost:5001（或命令行顯示的端口），你將看到一個簡單的頁面，包含一個按鈕和計數器，點擊按鈕可以增加計數。

工作原理說明

1. Blazor WebAssembly 將 C# 代碼編譯為 WebAssembly
2. 應用在瀏覽器中運行，無需服務器端參與（除非需要 API 調用）
3. 上面的示例展示了基本的組件結構和事件處理

這個最簡單的測試項目驗證了 WebAssembly 環境的正常工作，包括：

• 頁面渲染
• C# 代碼執行
• 交互事件處理
• 狀態管理

如果需要更深入的測試，可以添加更多組件、調用 JavaScript 或訪問 Web API。