将WebAssembly Blazor转换为宿主

Question

我正在测试Blazor.net，但由于缺乏WebAssembly (.net Core3.1)的调试，我马上就失败了。

是否有一种快速简单的方法将我的WebAssembly应用程序重新配置为托管应用程序，以便在开发示例时调试.net代码？

Answer 1

我刚看了这段视频，它展示了一个很好的技巧：

• 将两个项目添加到解决方案中，ServerApp和WasmApp。
• 在ServerApp中，添加对WasmApp的引用
• 在ServerApp._Host.cshtml中，将该行更改为使用WasmApp.App<component type="typeof(WasmApp.App)" render-mode="ServerPrerendered" />
• 现在，从.razor项目中删除所有ServerApp文件和由此产生的死代码。

现在您可以在WasmApp中开发所有的blazor页面，也可以使用ServerApp运行它们。惟一的复制是在添加css或js文件时并行维护_Host.cshtml和index.html。

vid还显示了一个额外的特性来显示正在运行的内容：

@using System.Runtime.InteropServices

<p>Env: @Environment</p>

@code{
  string Environment = RuntimeInformation.IsOSPlatform(OSPlatform.Create("BROWSER")) // was "WEBASSEMBLY"
  ? "WebAssembly" 
  : "Server";

}

把这个放在你的主页或者NavMenu或者其他什么地方。