C# WebAssembly (WASM) 是一種在 Web 瀏覽器中運行的二進制指令格式。它允許開發人員使用 C# 和 .NET Core 創建高性能的 Web 應用程序。然而，將 C# WebAssembly 用于桌面應用程序需要一些額外的步驟。
要在桌面應用程序中使用 C# WebAssembly，您需要執行以下操作：
安裝 .NET Core SDK：首先，您需要安裝 .NET Core SDK，以便在本地構建和運行 WebAssembly 應用程序。您可以從 .NET Core 官方網站 下載并安裝適用于您操作系統的版本。
創建一個新的 WebAssembly 項目：使用 .NET Core CLI（命令行界面）創建一個新的 WebAssembly 項目。在命令提示符或終端中，運行以下命令：
dotnet new wasm -o MyWasmApp
這將創建一個名為 “MyWasmApp” 的新文件夾，其中包含一個基本的 WebAssembly 項目。
添加桌面框架支持：為了在桌面應用程序中使用 WebAssembly，您需要添加對桌面框架的支持。對于 Windows，您可以使用 WinForms 或 WPF；對于 macOS，您可以使用 Cocoa；對于 Linux，您可以使用 GTK#。在本示例中，我們將使用 WinForms。要添加 WinForms 支持，請運行以下命令：
cd MyWasmApp
dotnet add package Microsoft.WinForms
dotnet add package System.Drawing
修改 Program.cs：打開 “MyWasmApp/Program.cs” 文件并修改它以使用 WinForms。您需要引入必要的命名空間并創建一個新的 WinForms 應用程序實例。以下是修改后的 Program.cs 文件：
using System;
using System.Threading.Tasks;
using Microsoft.WinForms;
namespace MyWasmApp
{
public class Program
{
[STAThread]
public static void Main()
{
Application.EnableVisualStyles();
Application.SetCompatibleTextRenderingDefault(false);
Application.Run(new MainForm());
}
}
}
創建一個新的 WinForms 表單：在 “MyWasmApp” 文件夾中創建一個名為 “MainForm.cs” 的新文件。這將包含我們的 WinForms 表單設計。在 “MainForm.cs” 中，添加以下代碼：
using System;
using System.Threading.Tasks;
using System.Windows.Forms;
namespace MyWasmApp
{
public partial class MainForm : Form
{
public MainForm()
{
InitializeComponent();
Load += MainForm_Load;
}
private async void MainForm_Load(object sender, EventArgs e)
{
await JsRuntime.InvokeVoidAsync("main");
}
}
}
添加 JavaScript 互操作性：為了在 WebAssembly 應用程序中與 JavaScript 代碼進行交互，您需要使用 IJSRuntime 接口。在 “MyWasmApp” 文件夾中創建一個名為 “wwwroot” 的文件夾，并在其中創建一個名為 “index.html” 的文件。將以下代碼添加到 “index.html” 文件中：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>My Wasm App</title>
</head>
<body>
<h1>My Wasm App</h1>
<script src="wasm_exec.js"></script>
<script>
const go = new Go();
WebAssembly.instantiateStreaming(fetch("MyWasmApp/MyWasmApp.wasm"), go.importObject).then((result) => {
go.run(result.instance);
});
</script>
</body>
</html>
請注意，您需要將 “MyWasmApp.wasm” 替換為您的 WebAssembly 文件的實際路徑。
構建和運行應用程序：現在，您可以構建并運行您的 WebAssembly 桌面應用程序。在命令提示符或終端中，導航到 “MyWasmApp” 文件夾并運行以下命令：
dotnet run
這將啟動您的 WinForms 應用程序，并加載您在 “index.html” 文件中定義的 JavaScript 代碼。
總之，雖然 C# WebAssembly 主要用于 Web 應用程序，但通過一些額外的步驟，您可以在桌面應用程序中使用它。在本示例中，我們展示了如何使用 WinForms 創建一個簡單的 WebAssembly 桌面應用程序。
