WebAssembly (WASM) 是一種為現代瀏覽器設計的低級虛擬機,它以二進制指令格式運行,提供了一個以接近本機速度執行的沙箱環境。要將 C# 編譯為 WebAssembly,你需要使用 .NET 5 或更高版本的 SDK,因為它內置了對 WebAssembly 的支持。
以下是將 C# 項目編譯為 WebAssembly 并在瀏覽器中運行的步驟:
安裝 .NET 5 SDK:從 .NET 官方網站 下載并安裝 .NET 5 SDK。
創建新的 Blazor WebAssembly 項目:打開命令行或終端,然后運行以下命令以創建新的 Blazor WebAssembly 項目:
dotnet new blazorwasm -o MyBlazorApp
這將創建一個名為 MyBlazorApp
的新文件夾,其中包含一個基本的 Blazor WebAssembly 應用程序。
進入項目文件夾并運行應用程序:
cd MyBlazorApp
dotnet run
這將啟動一個開發服務器,并在默認瀏覽器中打開應用程序。你應該可以看到一個 “Hello, world!” 的消息。
編寫 C# 代碼:在 Pages
文件夾中,你會找到一個名為 Index.razor
的文件。你可以在這里編寫 C# 和 Razor 代碼。例如,你可以將以下代碼添加到文件中:
@page "/counter"
@using System
<h1>Counter</h1>
<p>Current count: @currentCount</p>
<button class=“btn btn-primary” @onclick=“IncrementCount”>Click me
@code { private int currentCount = 0;
private void IncrementCount()
{
currentCount++;
}
}
這段代碼定義了一個簡單的計數器頁面,當用戶點擊按鈕時,計數器會遞增。
5. **測試你的 C# 代碼**:保存更改并重新加載瀏覽器。現在,你應該能夠看到計數器頁面,并且當你點擊按鈕時,計數器會遞增。
通過以上步驟,你已經成功地將 C# 編譯為 WebAssembly 并在瀏覽器中運行了。請注意,由于 WebAssembly 的限制,某些 .NET API 可能無法在 WebAssembly 中使用。在編寫代碼時,請確保僅使用兼容的 API。