如何使用Blazor
在Linux
平台下运行Desktop
程序
本文将讲解如何使用Blazor
运行跨平台应用,应用到的技术有以下几点
- Blazor
- Masa Blazor
- Photino.Blazor
- Ubuntu
用于验证跨平台性,并且是否提高开发效率,Blazor和Photino一块使用的技术称为Blazor Hybrid
,
Blazor的优点
Blazor是一种使用.NET和C#构建客户端Web应用程序的新兴技术。它允许开发者在浏览器中直接运行.NET代码,而无需依赖JavaScript。Blazor的技术优点主要表现在以下几个方面:
-
单一语言栈:Blazor允许开发者使用C#和.NET进行全栈开发。一种语言用于前端和后端可以大大简化开发过程,减少错误并提高效率。不再需要在JavaScript和C#之间来回切换,这减少了上下文切换的复杂性和出错的可能性。相比之下,传统的Web开发需要使用JavaScript、HTML、CSS等多种语言,而且JavaScript并不具备强类型特性,因此更容易出错。
-
运行在WebAssembly:Blazor利用WebAssembly(Wasm)技术,在浏览器中运行.NET代码。WebAssembly是一种在现代浏览器中运行的低级语言,它比JavaScript更接近机器语言,所以运行速度更快。而且,WebAssembly在浏览器中的执行环境是沙盒化的,这意味着它可以在不影响其他系统资源的情况下安全地执行。
-
强类型检查:Blazor使用C#,这是一种强类型语言。相比于JavaScript,强类型语言可以在编译时捕获更多的错误,降低运行时出错的可能性。同时,强类型语言可以提供更好的自动完成、重构和智能提示功能,这些都可以大大提高开发效率。
-
复用代码和库:由于Blazor使用.NET,你可以在前端和后端共享相同的数据模型和业务逻辑代码,避免了因为同步前后端代码而产生的大量重复工作。此外,.NET的库生态系统非常丰富,这意味着你可以在Blazor应用中直接使用大量现有的库和框架,无需对其进行修改。
-
组件化架构:Blazor采用了组件化的设计模式,这使得你可以创建可复用的UI组件,提高代码的可读性和可维护性。组件化架构也使得测试变得更加容易,因为每个组件都是独立的,可以单独进行测试。
-
与现有技术的兼容性:Blazor并不排斥其他Web技术。你可以在Blazor应用中使用JavaScript和JavaScript库,也可以将Blazor组件嵌入到现有的MVC或Razor Pages应用中。这种兼容性使得Blazor更加灵活,可以适应各种复杂的需求。
-
现代化的开发体验:Blazor支持热重载,这使得你可以在保存代码更改后立即在浏览器中看到效果,无需手动刷新页面。这大大提高了开发效率,让开发者可以快速迭代和调试。此外,Blazor还支持使用SignalR实现实时通信,使得创建实时Web应用变得更加简单。
-
Microsoft的支持:Blazor作为Microsoft推出的一项技术,得到了强大的技术支持。Microsoft为Blazor提供了完善的文档,使得开发者可以快速学习和掌握这项技术。此外,Microsoft还定期发布更新,以增强Blazor的功能、改进性能和修复问题。强大的社区支持也是Blazor的一大优势,开发者可以在社区中寻求帮助、分享经验或参与到项目的贡献中。
-
跨平台支持:Blazor应用可以在任何支持WebAssembly的浏览器上运行,这意味着它具有出色的跨平台兼容性。你可以使用Blazor开发桌面、移动和Web应用,而无需针对不同平台编写不同的代码。
-
安全性:Blazor支持ASP.NET Core Identity和OAuth 2.0等安全认证和授权机制。你可以方便地为你的应用程序添加安全措施,以保护用户数据和应用程序资源。
-
可扩展性:Blazor的设计允许开发者创建自定义组件、中间件和服务,以满足特定需求。这使得Blazor具有很高的可扩展性,可以适应各种复杂的应用场景。
-
渐进式Web应用(PWA)支持:Blazor支持创建渐进式Web应用(PWA),这意味着你可以创建可离线运行、具有原生应用般表现的Web应用。PWAs在性能、可访问性和用户体验方面具有很多优势,使得它们越来越受到开发者和用户的青睐。
-
Server-Side Blazor(Blazor Server):Blazor还提供了一种服务器端渲染模式,称为Blazor Server。在这种模式下,Blazor应用的所有逻辑都在服务器上运行,浏览器只负责显示UI。这使得应用的启动速度更快,同时减轻了客户端的负担。Blazor Server通过SignalR实现实时通信,确保UI与服务器状态同步。
总之,Blazor作为一种使用.NET和C#构建客户端Web应用程序的技术,具有许多显著的优点,包括单一语言栈、WebAssembly支持、
开始使用Masa Blazor
开始我们的第一步,安装Masa Blazor
的模板,请注意模板版本1.0.0-rc.2
,只有1.0.0-rc.2
才有新的项目模板
dotnet new install Masa.Template::1.0.0-rc.2
安装完成以后,我们发现Masa Blazor
提供了.NET 的基本上所有平台的模板了,当然我们这篇只讲解Photino
好了继续我们创建项目模板。打开vs我们会发现在MASA
下面出现了很多项目的模板,我们创建第一个Masa Blazor Photino App(MASA)
,然后默认选项创建项目,然后启动项目。
这是提供的一个默认的模板
在win下正常运行了,然后我们想要在Linux下尝试是否能正常运行,准备发布项目,右键我们的项目
=>发布
=>文件夹
由于我的Ubuntu
系统是没有安装SDK
的所以我就发布独立
模式!然后将部署文件移动到Ubuntu
,
然后在当前目录下打开控制台
给予程序可执行权限,然后运行项目
sudo chmod +x MasaBlazorApp1
./MasaBlazorApp1
这是运行的效果。这是最简单的方式,下面我把Masa Pro
提供的代码迁移到当前Demo中并且在Linux
中运行
下面是移植在Window
运行的效果
,然后继续之前的操作,发布Linux
应用,然后运行
一个超好看的Linux
桌面程序就写好了,非常简单,项目地址放在最下面
来自token的分享
技术交流群:737776595
项目地址:https://github.com/239573049/Photino.Masa.Blazor.Pro
由Masa Blazor赞助(快乐肥宅水)
服务器托管,北京服务器托管,服务器租用 http://www.fwqtg.net
机房租用,北京机房租用,IDC机房托管, http://www.fwqtg.net
目录 方法1:使用Ora.sh的LLM应用 方法2:使用https://steamship.com 方法3:使用https://nat.dev 方法4:http://tdchat.vip 方法5:使用Poe网站或App 方法6:使用 Opencat App 方…