Blazor加Electron 学习 Electron.NET

最新推荐文章于 2025-11-06 10:13:25 发布
原创 最新推荐文章于 2025-11-06 10:13:25 发布 · 2.7k 阅读 · 5
这篇博客介绍了如何将Blazor应用与Electron.NET结合，创建一个桌面应用。首先，创建Blazor项目，接着通过NuGet安装Electron.NET，然后配置项目，包括初始化Electron.NET，修改Program.cs和Startup.cs。最后，执行命令打包并运行应用，总结了学习过程和需要注意的点。

使用Electron运行Blazor应用

概要

使用Electron.NET 运行Blazor应用 ，
为了演示，我们创建默认的项目

创建Blazor应用

创建默认的
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

在项目里通过nuget 安装 Electron.NET

可以进入github ElectronNET 了解

在这里插入图片描述

运行dotnet new tool-manifest

dotnet new tool-manifest

自动会在当前项目文件里创建一个 .config/d

标签
#Electron.NET #Blazor #asp.net #asp.net core
最低0.47元/天 解锁文章
使用.NET5、Blazor和Electron.NET构建跨平台桌面应用
黄明基的博客
11-21 2754
Electron.NET是一个嵌入了ASP.NET Core的Electron的封装，通过Electron.NET可以构建基于.NET5的跨平台的桌面应用，使得开发人员只需要使用ASP.NET Core和 Blazor就可以胜任桌面应用的开发工作。 开发环境# 操作系统Windows/macOS/Linux .NET5.0 npm 创建新项目# 创建文件夹 mkdir ElectronNETDemon 创建解决方案 dotnet new sln 创建项目Electr
ASP.NET Blazor托管模型有哪些？
Maybe_ch的博客
01-21 8217
今天我们来说说Blazor的三种部署方式，如果大家还不了解Blazor，那么我先简单介绍下BlazorBlazor 是一种 .NET 前端 Web 框架，在单个编程模型中同时支持服务器端呈现和客户端交互性：● 使用 C# 创建丰富的交互式 UI。● 共享使用 .NET 编写的服务器端和客户端应用逻辑。● 将 UI 呈现为 HTML 和 CSS，以支持众多浏览器，其中包括移动浏览器。● 使用 .NET 和 Blazor 生成混合桌面和移动应用。
blazor-electron-app:使用Electron在跨平台桌面应用程序上探索Syncfusion Blazor组件
05-10
Electron上的Syncfusion Blazor服务器端应用程序 先决条件 • 或 • 运行应用程序 打开命令提示符，并使用以下命令行克隆存储库。 git clone https://github.com/SyncfusionExamples/blazor-electron-app 导航到应用程序文件夹，然后使用以下命令行运行该应用程序。 cd blazor-electron-app dotnet electronize start 该应用程序将在Electron Shell上启动。
.NET 8.0 Blazor 的学习线路图及核心组件说明
zhwanwangwang的博客
03-25 1631
.NET 8.0 Blazor 的学习线路图及核心组件说明
帮助Blazor和Electron.NET更好地协同工作的库。 （已存档）-.NET开发
05-27
ElectronNET.Blazor一个库，可帮助Blazor和Electron.NET更好地协同工作。 致谢特别感谢Electron.NET团队构建了令人惊叹的资源，并感谢Maher Jendoubi协助我建立了ElectronNET.Blazor库，该库可帮助Blazor和Electron.NET更好地协同工作。 注意：此图书馆不再是必需的。 Microsoft已修复Blazor的潜在问题，并且现在一切正常。 如果您使用的是此库，则可以将其卸载，然后按照BlazingPizza的说明进行操作。 谢谢你的支持！ 致谢特别感谢Electron.NET团队建立了令人赞叹的资源，并感谢Maher Jendoubi使我踏上了完成这项工作的道路
使用Blazor开发桌面应用程序（.NET）
library_git106的博客
09-14 2183
Blazor桌面应用程序的开发依赖于Electron.NET，它是一个将Blazor应用程序打包为可在桌面上运行的Electron应用程序的工具。Blazor桌面应用程序的开发依赖于Electron.NET，它是一个将Blazor应用程序打包为可在桌面上运行的Electron应用程序的工具。这将在Blazor应用程序的根目录中创建一个"electronnet"文件夹，并在其中生成Electron.NET的配置文件。在完成Blazor应用程序和Electron.NET的配置后，我们可以构建和运行应用程序。
入门干货之Electron的.NET实现-Electron.NET
weixin_30466039的博客
01-13 2532
0x01、Electron.NET 　　1、介绍 　　　　Electron是由Github上的一支团队和一群活跃贡献者维护。用HTML，CSS和JavaScript来构建跨平台桌面应用程序的一个开源库。 Electron通过将Chromium和Node.Js合并到同一个运行时环境中，并将其打包为Mac，Windows和Linux系统下的应用来实现这一目的。官方地址：https://electr...
【亲测免费】 Electron.NET 使用教程
gitblog_00710的博客
08-21 1714
Electron.NET 是一个允许你使用 ASP.NET Core 创建跨平台桌面应用程序的框架。它通过将 ASP.NET Core 与 Electron 结合，使得开发者能够利用 .NET 技术栈来构建桌面应用。Electron.NET 提供了一个简单的 API，用于将你的 ASP.NET Core 应用程序包装成一个 Electron 应用，从而支持 Windows、Mac 和 Linux ...
Electron.NET 与 Blazor 整合：现代 Web 技术构建桌面 UI 的创新方案
gitblog_00213的博客
11-04 892
在传统桌面应用开发中，开发者常面临技术栈割裂的困境：后端使用高效的 .NET 框架，前端却需切换至 JavaScript/HTML/CSS 生态。Electron.NET 的出现打破了这一界限，而与 Blazor 的整合更将这种融合推向新高度。通过结合 .NET 6/8 的强大后端能力与 Blazor 的组件化 Web UI 开发模式，开发者可使用 C# 单一语言构建跨平台桌面应用，实现"一次编码...
学习.NET MAUI Blazor（三）、创建.NET MAUI Blazor应用并使用AntDesignBlazor
What If...
12-23 2934
大致了解了Blazor和MAUI之后，尝试创建一个.NET MAUI Blazor应用。 **需要注意的是：** 虽然都叫MAUI，但`.NET MAUI`与`.NET MAUI Blazor` 并不相同，MAUI还是以`xaml`为主，而MAUI Blazor则是以`razor`为主。
【Blazor学习笔记】.NET Blazor学习笔记
一只爱做笔记的码农
01-31 1502
我学习Blazor的顺序是基于Blazor University，然后实际内容不完全基于它，因为它的例子还是基于.NET Core 3.1做的，距离现在很遥远了。截至本文撰写的时间，2025年，最新的.NET是.NET9了都，可能10也快了。我发现有些它上面说的例子其实现在都不一定能运行了，我结合Deep Seek和其他几家人工智能辅助的情况下，进行Blazor的学习，基于原来的教程，并补充了一些我好奇的部分，结合人工智能给我的教学，掌握blazor的核心知识。
.NET5 Blazor初探
Vaccae的博客
03-22 2366
学更好的别人，做更好的自己。——《微卡智享》本文长度为3935字，预计阅读10分钟前言经常看我公众号的朋友应该能看出来，我的文章基本都是.Net、Android、OpenCV的相关的，用到...
01-01 Electron + dotnet 5 Blazor + ElectronNET.API创建桌面程序
菜鸟爱飞不飞的博客
01-23 2486
目录前言一、开发环境二、创建项目三、启动项目四、最终效果 前言 随着.net core 的发布，C# 实现了跨平台，但是截至2021年1月22日，基于.net core构建的桌面程序如WPF，WinForm还是无法实现跨平台运行，所以可以构建web项目结合Electron来构可以跨平台运行的桌面程序，本文使用Electron结合Blazor App和Electron.NET类库构建桌面应用。 一、开发环境 1、安装Node.js 2、切换淘宝镜像源 npm config set registry htt
学习.NET MAUI Blazor（一）、Blazor是个啥？
What If...
12-19 2829
.NET Blazor（以下统称Blazor）是.NET Core 3.0推出的一个Web UI框架，如果对Vue比较熟悉的话，会感觉它们及其类似，毕竟嘛，现代前端框架的底层逻辑都基本一致（DOM差量更新、响应式、组件化等）。
.Net8 Blazor 尝鲜
alex_zoucn的博客
11-15 6391
随着 .NET 8 的发布，Blazor 已成为全堆栈 Web UI 框架，可用于开发在组件或页面级别呈现内容的应用，其中包含： * 用于生成静态 HTML 的静态服务器呈现。 * 使用 Blazor Server 托管模型的交互式服务器呈现。 * 使用 Blazor WebAssembly 托管模型的交互式客户端呈现。 * 下载 Blazor 捆绑包并激活 .NET WebAssembly 运行时后，最初使用 Blazor Server，并在随后访问时使用 WebAssembly 自动进行交互式客户端呈
还在用Electron？C# + .NET MAUI + Blazor才是未来桌面开发的正确打开方式
最新发布
LearnFlow的博客
11-06 896
告别Electron臃肿架构，掌握C#实现跨平台桌面应用（.NET MAUI+Blazor）新范式。融合原生性能与Web开发体验，支持Windows、macOS、Linux统一部署，开发效率提升50%。适用于企业级工具、跨端管理后台等场景，值得收藏。
[.NET学习笔记] - 在ASP.NET Core MVC中使用Blazor组件
kyw的专栏
12-24 2164
场景 .NET5发布了，突然对Blazor有了点兴趣，想尝尝鲜。 Blazor有两种模式，server-side与client-side(WASM)。这里打算在已有的MVC项目中使用Blazor组件，所以用的server-side。 use blazor component in ASP.NET Core 3.1 MVC。 解决方案 step1 startup.cs配置。 // ConfigureServices services.AddServerSideBlazor(); services.AddAnt
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值