联博以太坊高度:Blazor WebAssembly 候选版迁徙手记

admin 4个月前 (05-27) 科技 40 0

前言

&NBsp;      之前我写过一篇关于 Blazor WebAssembly 的文章浏览器中的 .Net Core —— Blazor WebAssembly 初体验,现在已经更新到 RC-1,与预览版有着较大的差异,为此弥补这篇文章。

正文

与预览版的主差异

       1、这次的候选版修改了大部分包名和命名空间,因此无法通过更新包完成升级。你会发现老包一直停留在预览版。因此需要删除弃用的包,安装新的包。

       2、StARtup 的设置方式发生了较大转变,弱化了 Blazor 的存在感。

       3、这次更新后支持在 VS 2019 调试 Blazor WebAssembly 了。固然也可以使用浏览器举行调试,效果一样。然则浏览器调试同样依赖 Blazor 远程调试署理,以是还不如直接使用 VS 调试。要求 VS 2019 16.6.0 以上版本,并举行响应设置。

       4、候选版会将 Blazor 客户端的所有文件公布到宿主项目的 wwwroot 文件夹,而预览版会在宿主项目的根目录天生一个与客户端项目同名的文件夹存放公布文件。因此需要特别注重宿主项目和客户端项目的 wwwroot 文件夹不能有重名文件。

       5、候选版公布时会同时天生 gzip 和 br 花样的预压缩文件,压缩效果较好,一样平常能压缩到原始 dll 的 1/4 巨细。公布时会自动使用 IL Linker 裁剪 dll,若是使用了反射代码,可能导致运行异常,需要编写设置文件设置 Linker 的行为或禁用裁剪。若是 Linker 直接报错建议禁用。

 

迁徙步骤

       1、若是之前安装过预览版的请参考微软官方文档更新项目模板。制止新建项目停留在老版本要手动升级。

       2、更新 VS 2019 到 16.6.0 以上版本。

       3、在客户端和宿主服务端项目的 launchSettings.json 中增添设置项:"inspectUri": "{wsProtocol}://{url.hostname}:{url.port}/_framework/debug/ws-proxy?browser={browserInspectUri}", ,启用 VS 调试。

       4、更新客户端项目文件,包罗包引用和 Linker 设置。

       5、更新宿主项目文件。

联博以太坊高度:Blazor WebAssembly 候选版迁徙手记 第1张

       6、修改宿主项目的 Startup.cs 文件

联博以太坊高度:Blazor WebAssembly 候选版迁徙手记 第2张

联博以太坊高度:Blazor WebAssembly 候选版迁徙手记 第3张

       注重:上图的新的注册代码推荐和 app.UseStaticFiles(); 放到一起。

联博以太坊高度:Blazor WebAssembly 候选版迁徙手记 第4张

       上图为路由端点注册。

       以上修改所有在 Configure 方式中完成。

       7、修复命名空间引用和其他可自动修复的小编译错误。

       至此,就完成了从预览版到候选版的迁徙。在我的项目中,由于新版的公布机制,将 index.html 也一并移到 wwwroot/blazor 文件夹中,制止引起歧义。

 

注重事项

       HttPClient 的使用方式有调换,引用的包也有区别,GetJsonAsync 换成了 GetFromJsonAsync。

 

调试体验

       根据一样平常流程启动宿主项目就可以调试客户端代码了,感受和调试一样平常 C# 程序没有任何区别。若是想在浏览器举行调试,同样要调试启动宿主项目,由于需要借助远程调试署理才气正常事情。需要确保 app.UseWebAssemblyDebugging(); 这句代码已经加入 Configure 方式,然后 F12 打开控制台,根据提醒按组合键启动调试页面。调试页面会显示一个下令,将上述下令用 cmd 或 Win+R 执行就可以在新窗口打开调试页面。注重,新打开的页面无法触发 VS 的断点,只能触发浏览器中的断点。变量监控什么的也都能用,不外感受也就图个新鲜,实际上也不怎么好用,需要打开两个标签,一个用来操作,一个用原来调试源码,感受在脱裤子放屁。

       注重,需要最低 Chrome 70 或 Edge 80 才气用浏览器调试功效。

 

结语

       这次更新保持了微软更名部的一向气概和壮大友好的一条龙开发服务体验,用起来照样很舒适的。

 

       转载请完整保留以下内容并在显眼位置标注,未经授权删除以下内容举行转载盗用的,保留追究法律责任的权力!

  本文地址:https://www.cnblogs.com/coredx/p/12966150.html

  完整源代码:Github

  内里有种种小东西,这只是其中之一,不嫌弃的话可以Star一下。

,

sunbet

www.0-577.com欢迎您的加入。

皇冠APP声明:该文看法仅代表作者自己,与本平台无关。转载请注明:联博以太坊高度:Blazor WebAssembly 候选版迁徙手记

网友评论

  • (*)

最新评论

站点信息

  • 文章总数:539
  • 页面总数:0
  • 分类总数:8
  • 标签总数:949
  • 评论总数:152
  • 浏览总数:3605