Skip to content

kuan2019/Net7.Wasm.Test

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

C# 實作 WebAssembly,需在 VisualStudio 2022 for Mac 的 IDE 中建立兩個 .NET 7 的專案,分別是 Class Library (Net7.Wasm) 與 ASP.NET Core WebApp (Net7.Web.Test)。

重點如下:

  • Class Library 要能順利建立 WASM 模組,得調整 .csproj 內容。具體可參考 Zack Yang 的技術文章進行修正。
  • ASP.NET Core WebApp 專案最重要的關鍵之一是在 .cshtml 頁面上引用 WASM 的 JavaScript ,以及調用 WASM Methods。
<script src="~/_framework/blazor.webassembly.js" autostart="false" asp-append-version="true"></script>
<script>
   window.onload = async function () {
      await Blazor.start();
      const r = await DotNet.invokeMethodAsync("Net7.Wasm", "Add", 666, 333);
   };
</script>

按照 Zack Yang 的文章,仍是無法在 VS2022 for Mac IDE 執行,因為還缺少關鍵性第二個動作。在參考 Elringus 在 Stack Overflow 技術文章 得解,原來要在 Program 上面加入 UseBlazorFrameworkFiles() 才能順利啟動,而且該 Method 必須放在 UseStaticFiles() 之前。

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published