2022年第一场Blazor中文社区的开发者分享流动，咱们的团队也全程参加其中，在议程中，也分享了咱们团队的Blazor 治理后盾模板，针对于Blazor，先科普一波，防止有些敌人不理解，Blazor是微软推出的基于.NET的前端技术。利用现有的.NET生态，受于.NET的性能，可靠性和安全性，不仅能过够在服务器和客户端之间共享利用程序逻辑，还可能在不同的操作系统上高效、稳固的运行。本次Masa Blazor 也是分享最新的Blazor技术停顿和开发实际。
Masa技术团队全程参加
咱们分享的议题是“开源的Blazor治理后盾模板”。通过咱们开源的我的项目MASA Framework Admin开展介绍，顺次介绍了具体的性能、技术栈、分享了咱们的Masa Blazor的组件和Masa Blazor Pro，同时也具体的阐明了MASA Framework的环境怎么装置、怎么运行等... 具体的具体内容，咱们精简成文字版给到大家，当天没有参加直播的敌人们，看这篇就够啦~仅限咱们的分享局部哦！
背景
咱们做这个事件，其实是很忽然的，之前咱们公司的外部搞了一个小型的黑客松，大家花了3天工夫，基于咱们的组件库和框架，就把这样的一个我的项目给大家做进去了，因为是刚做进去的，用时也较短，其实能够说，还是个“宝宝”。基本上的性能演示是曾经做进去了，没有那么欠缺，如果期待值很高，那还是须要给一些工夫的。
MASA Framework Admin 的性能
- 多点登录互斥，同一个账号,只能在一台电脑上登录
如果开了隐衷模式的浏览器，或者是在另外一个电脑下面，登录同一个账号，那么之前登录的账号就会被踢掉，是一个很实用的性能，咱们也用Blazor去给大家演示，在Blazor下面是怎么做到这点）
- 引入Dapr，提供Pubsub、Secret等示例
Pubsub就是事件，咱们把MQ用起来了
Secret就是密钥这些，大家会习惯于放在.NET配置文件里，通过Secret就能够放到Dapr的配置文件外面
- 定时工作，提供根底的定时计算报表数据的示例
只是简略的给大家提供了一个定时计算报表的示例
- RBAC0，引入Role的概念，并将权限与角色进行关联。用户通过表演某种角色，具备该角色的权限
引入角色的概念，把权限和角色关联起来，让用户去表演某种角色，而后具备该角色的权限。如果用RBAC，依据业务的复杂性，大家更偏向于用RBAC3，但MASA Framework Admin是一个比较简单的货色，临时不会实现RBAC3这么简单的性能。如果你须要RBAC3，而后又须要单点登录，而后不同我的项目之间的关系治理等等...如果须要这样的货色，能够略微等一下。咱们预计在往年7月前后，会开源另一个我的项目，叫MASA Auth。MASA Auth是咱们MASA Stack外面的第一个正式开源的我的项目，外面会给大家提供十分残缺的权限性能，你拿过来用，能够满足绝大多数的要求，基本上是不须要二开的
- 集成可观测性
这个性能其实也是dapr提供的
技术栈
- .Net 6
- Dapr
- MASA Blazor
- MASA Framework
- Docker Compose
MASA Blazor组件库演示
Masa Blazor组件库格调
Material Design
咱们做这个组件库的时候，是照着vuetify做的，基本上是1：1还原的
咱们做了本人的首页，也能够在首页，理解更多Masa Blazor的详情
通过首页点击“开始应用”，在装置局部，咱们提供了演示视频，大家能够依据视频去操作，如果不喜爱看视频，上面的命令行就比拟适宜你啦！间接疾速看命令行就能够了，都是比较简单的。
组件也是做了蛮多的，感兴趣的能够间接到官网，点击理解更多。
https://blazor.masastack.com/...
用过咱们组件库的小伙伴，反映说”示例少“，这里和大家讲一下起因，因为一个组件的性能很多，咱们不太可能，全副都做成示例，如果你想看下，支不反对更多的性能，能够如下图所示，点击API进入之后，就能够看到咱们的组件，提供了多少属性、插槽、事件等，用过vue的小伙伴，对插槽这些，应该很相熟。
”MASA Blazor Pro“，MASA Blazor的实际
Masa Blazor Pro其实是一个纯前端的我的项目，是没有任何业务端的，群里的小伙伴，始终都在说，咱们的Pro蛮难看的，然而没有后端的演示代码，心愿咱们补充一下，咱们做Admin也是有这样的一个契机。大家要的布局，而后多页签、面包屑...这些咱们都是有做的，还包含多语言i18n，性能还原度上，都是做了的。打的版本号上，咱们是激进了一点，当初为止，咱们还没有打1.0的版本。咱们心愿1.0版本是能够给到大家长期反对的，所以咱们对1.0的要求比拟高，但实际上0.3.0也是足够大家用的，
组件展现
MASA Blazor Pro效果图
MASA Framework介绍
底层框架、后端代码的局部咱们用的是MASA Framework，当初看到的是咱们第一个版本的性能清单。我的项目的模板、Dapr Starter...如果你用Dapr，应该就有理解。Dapr D的边车，每次启动的时候，会比拟麻烦。所以咱们做了一个Dapr Starter，只须要一行代码，它会主动去帮你治理Dapr D的整个生命周期，包含配置、包含端口映射等等一系列的操作，全副都会帮你做好。
Building Blocks 是咱们提供的整个框架的接口标准，就是咱们提供了哪些性能，这些性能都是通过接口标准提供的。Contribe就是实现了Building Blocks这些接口的，而后咱们提供了一些，咱们认为，你在用这些性能的时候，可能默认要用的一些选项。在咱们Building Blocks 外面，除了一些数据类相干的、服务类相干的，还有比如说Event Bus，包含隔离性、可观测性等这些都是有的。
MASA Framework Admin
环境筹备&运行
- 装置Docker
- 装置Dapr
- 装置.Net 6
- 应用Docker Compose启动我的项目
- 应用浏览器拜访 https://localhost:8443
Dapr学习链接
手把手教你学Dapr - 3. 应用Dapr运行第一个.Net程序
https://www.cnblogs.com/doddg...
这个链接是之前咱们出的《Dapr教学系列》文章里的一篇，外面有讲如何装置Dapr，其实还是很简略的，前三步装置之后，克隆代码这些就不用说了，而后间接应用Docker Compose去启动你的我的项目。
运行起来的登录界面，就是上面的这个样子
第一个界面是Dashboard演示，咱们做了一个简略的定时的计算工作，因为是按小时，所以页面上看到的是没跑到，看到的都是0，但拜访的日志，是曾经写进去了。这些报表类的组件，咱们用的是Echart
角色治理这部分，就是规范的RBAC，在角色里，能够增加角色，去继承角色等
也能够切换到WebAssembly的站点
可观测性的局部，比方你有一堆申请，在这里就能够看到，是通过dapr写进来的。理论场景就是：业务报错了，过后的sql呢？过后申请的拜访DB的sql语句呢？能够通过这里看到，全程是被记录的，拜访服务的原始申请、申请门路、申请参数...，理论执行起来是不难的
咱们的地址：
Admin模板
https://github.com/masalabs/MASA.Framework.Admin
纯交互组件库
https://github.com/BlazorComponent/BlazorComponent
Material Design组件库
https://github.com/BlazorComponent/MASA.Blazor
https://gitee.com/blazorcomponent/MASA.Blazor
Pro模板
https://github.com/BlazorComponent/MASA.Blazor.Pro