Blazor加Electron 学习 Electron.NET

最新推荐文章于 2024-08-21 09:32:40 发布
最新推荐文章于 2024-08-21 09:32:40 发布
阅读量2.3k 收藏 5
点赞数
分类专栏： Blazor Electron.NET 文章标签： Electron.NET Blazor asp.net asp.net core
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u010279498/article/details/112222802
版权
这篇博客介绍了如何将Blazor应用与Electron.NET结合，创建一个桌面应用。首先，创建Blazor项目，接着通过NuGet安装Electron.NET，然后配置项目，包括初始化Electron.NET，修改Program.cs和Startup.cs。最后，执行命令打包并运行应用，总结了学习过程和需要注意的点。
摘要由CSDN通过智能技术生成

使用Electron运行Blazor应用

概要

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

创建Blazor应用

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

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

可以进入github ElectronNET 了解

在这里插入图片描述

运行dotnet new tool-manifest

dotnet new tool-manifest 
</
最低0.47元/天 解锁文章
deng-peng
关注
专栏目录
Electron.NET开发入门（Linux && Windows）
军火库
05-25 3630
先决条件 使用Electron.NET进行开发，不论是在Windows系统下，还是在Linux系统下，确保计算机已安装： Node.js NPM dotnet CLI Electron.NET 全局工具： ElectronNET.CLI .NET 5.0以上的SDK Windows系统下环境搭建 操作系统及IDE Windows 7及以上，X86/X64架构的即可。 IDE使用的是 Visual Studio 2019 安装步骤 Node.js及npm的安装 下载地址 选择与自己电脑对应的(32位/64
入门干货之Electron的.NET实现-Electron.NET
weixin_30466039的博客
01-13 2304
0x01、Electron.NET 　　1、介绍 　　　　Electron是由Github上的一支团队和一群活跃贡献者维护。用HTML，CSS和JavaScript来构建跨平台桌面应用程序的一个开源库。 Electron通过将Chromium和Node.Js合并到同一个运行时环境中，并将其打包为Mac，Windows和Linux系统下的应用来实现这一目的。官方地址：https://electr...
dotnet-一个帮助Blazor和ElectronNET更好地协同工作的库
08-15
一个帮助Blazor和Electron.NET更好地协同工作的库
Electron.NET 项目教程
最新发布
gitblog_00533的博客
08-21 369
Electron.NET 项目教程 Electron.NETElectron.NET是一个将.NET Core与Electron框架结合的项目，允许使用C#/.NET来开发跨平台桌面应用程序。其特点在于开发者可以利用.NET生态系统的强大功能和C#语言特性，同时享有Electron带来的原生桌面GUI开发能力。项目地址:https://gitcode.com/gh_mirrors/el/Elec...
Electron.net入门
热门推荐
沉舟侧畔千帆过 病树前头万木春
01-23 1万+
Electron.Net 入门 安装环境 node.jsdownload .netcoredownload 能开发运行.netcore的环境，这里用的vsdownload 操作流程 新建一个工程 选择.net core 添加electron.net api的引用 打开Startup.cs修改代码 public Startup(IConfigura
【译】探索更轻量的Electron替代品来托管Blazor桌面应用程序
dotNET跨平台
02-26 3579
本文翻译自 ASP.NET 项目组的 Steve Sanderson 的博客，发表于 2019 年 11 月 1 日。Steve Sanderson 是 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上启动。
01-01 Electron + dotnet 5 Blazor + ElectronNET.API创建桌面程序
菜鸟爱飞不飞的博客
01-23 2116
目录前言一、开发环境二、创建项目三、启动项目四、最终效果 前言 随着.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
Electron.NET：使用ASP.NET Core（Razor Pages，MVC，Blazor）构建跨平台桌面应用程序
02-01
AppVeyor（Win / Linux）： Checkout AppVeyor工件：包含为Windows和Linux构建的WebApp示例！ Travis-CI（Win / macOS / Linux）： 使用Blazor的.NET 5和ASP.NET NET Core（Razor Pages，MVC）构建跨平台的桌面应用程序。 Electron.NET是带有嵌入式ASP.NET Core应用程序的“常规” Electron应用程序的包装。 通过我们的Electron.NET IPC桥，我们可以从.NET调用Electron API。 CLI扩展托管了我们的工具集，用于构建和启动Electron.NET应用程序。 等待-您是否在Electron内托管了.NET Core应用？ 为什么？ 好吧...有很多不同的方法可以使X-plat桌面应用程序运行。 我们认为.NET开发人员最好使用ASP.NET Core环境，并将其嵌入到一个非常强大的X平台环境（称为Electron）中。 将Electron移植到.NET并不是该项目的目标，至少我们没有如何做的任何线索。 我们只是将
使用.NET5、Blazor和Electron.NET构建跨平台桌面应用
黄明基的博客
11-21 2259
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
ElectronNet-BlazorServer:制作了一个电子应用程序，该应用程序从API提取数据并使用Blazor前端列出数据
03-31
ElectronNet-Blazor服务器 制作了一个电子应用程序，该应用程序从API提取数据并使用Blazor前端列出数据 数据库 我使用了一个包含SQL-Server Northwind数据库的docker映像。 如何在Docker容器中拉并运行Norhtwind数据库。 docker run -d --name nw -p 1444：1433 kcornwall / sqlnorthwind确保清洁您的docker容器，图像和卷 =>查找当前容器docker ps -a =>删除容器docker rm =>查找当前图像docker图像=>删除图像docker rmi =>查找卷docker卷ls =>删除卷docker卷rm 您可以将其作为Web应用程序或电子应用程序运行 网路应用程式 dotnet构建dotnet运行 电子应用 电子化初始化电子化起始 如果要将应用程序安装为W
帮助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使我踏上了完成这项工作的道路
Electron中通过net的API发出HTTP请求示例代码.zip
06-08
Electron中通过net的API发出HTTP请求示例代码
AsteroidsWasm：基于运行在以下服务器上的单个C＃.NET Standard项目的应用程序集合：Blazor客户端（WebAssembly），Blazor服务器，Electron，WPF，WinForms，Xamarin
02-03
.NET Framework，.NET 5和Blazor WebAssembly中的小行星 现场演示： : 该项目是一个POC，用于确定编写.NET Standard库并在包括WebAssembly（WASM）的各种设备上使用它的合理性。 根库Asteroids.Standard封装了渲染...
AgroContainersTracker:使用.NET Core 3.1的Blazor服务器端（SignalR）项目
04-30
使用.NET Core 3.1的Blazor服务器端（SignalR）项目，并可以使用ElectronNet.API包装器将Web应用程序转换为桌面应用程序（ ）。使用WebGL进行盒子可视化 该项目旨在为一家本地农业公司提供帮助，以帮助其管理客户，...
.NET Core 3.0方案中的Blazor服务器和性能
cullen2012的博客
09-08 1946
什么是Blazor服务器？ (What is Blazor Server?) Blazor Server apps host Blazor components on the server and handle UI interactions over a real-time SignalR connection. As the user interacts with the app, th...
【译】使用Blazor构建桌面应用
dotNET跨平台
11-15 6202
随着最近.NET Core 3的正式发布，我认为我会尝试一个有趣的小实验。我喜欢使用Electron来创建基于Web的桌面应用程序。我想了解有关Blazor（ASP.NE...
Blazor资源大全，很棒的Blazor（1）
dotNET跨平台
07-15 481
Blazor资源大全 [](https://dotnet.microsoft.com/apps/aspnet/web-apps/client "")一个收集了很棒的Blazor资源的集合。Blazor是一个使用C#/Razor和HTML在浏览器中运行的.NET Web框架。欢迎贡献！请先查看贡献指南[1]。感谢所有的贡献者[2]，你们真棒，没有你们就不可能实现这个！如果你需要在这个列表中搜索，你可...
electron.net
05-10
Electron.NET是一款开源的桌面应用程序开发框架，它基于Electron和.NET Core技术，可以用C#或F#等语言来开发跨平台的桌面应用程序。使用Electron.NET，你可以使用C#或F#等语言编写桌面应用程序的业务逻辑，然后使用Electron提供的JavaScript API来构建应用程序的用户界面。这种方式非常灵活和方便，使得开发人员可以快速地构建出跨平台的桌面应用程序。 Electron.NET具有以下特点： 1. 可以使用.NET Core构建跨平台的桌面应用程序； 2. 集成了Electron，可以使用Electron提供的JavaScript API构建用户界面； 3. 支持热更新，可以在不重新启动应用程序的情况下更新应用程序； 4. 支持调试和监视，可以在开发过程中进行调试和监视； 5. 具有良好的文档和社区支持。
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值