.net也可以用Electron开发跨平台的桌面程序了

Electron.NET的用法

Electron.NET 是一个将 .NET CoreElectron 深度集成的框架,它允许开发者使用 C# 和 ASP.NET Core 技术栈来构建跨平台的桌面应用程序。它的核心价值在于让 .NET 开发者无需学习 JavaScript 或 Electron 原生 API,即可快速开发出 Windows、macOS 和 Linux 上运行的原生桌面应用。

Electron.NET 的核心用法

1. 环境准备

在开始之前,你需要确保本地环境已安装:

  • .NET SDK(建议 6.0 或更高版本)
  • Node.jsnpm
  • Electron.NET CLI(全局工具)

安装 Electron.NET CLI:

cs 复制代码
dotnet tool install ElectronNET.CLI -g
2. 创建项目

你可以使用 .NET CLI 创建一个新的 Blazor Server 或 ASP.NET Core Web 应用,并将其改造为 Electron 应用。

创建项目:

cs 复制代码
mkdir ElectronApp
cd ElectronApp
dotnet new blazorserver -o ElectronApp
dotnet sln add ElectronApp
3. 集成 Electron.NET

在项目中安装 Electron.NET 的 NuGet 包:

cs 复制代码
dotnet add package ElectronNET.API

修改 Program.cs 文件,启用 Electron 支持:

cs 复制代码
using ElectronNET.API;
using ElectronNET.API.Entities;

var builder = WebApplication.CreateBuilder(args);

// 启用 Electron
builder.WebHost.UseElectron(args);

var app = builder.Build();

// 配置中间件
if (app.Environment.IsDevelopment())
{
    app.UseWebAssemblyDebugging();
}

app.UseBlazorFrameworkFiles();
app.UseStaticFiles();
app.UseRouting();

app.MapFallbackToFile("index.html");

// 启动 Electron 窗口
await ElectronApp.StartAsync();
var window = await Electron.WindowManager.CreateWindowAsync(new BrowserWindowOptions
{
    Width = 1200,
    Height = 800,
    Show = false
});
window.OnReadyToShow += () => window.Show();

app.Run();
4. 启动与调试

在项目根目录下执行以下命令,启动 Electron 应用:

cs 复制代码
electronize start

这会自动启动 ASP.NET Core 服务器,并启动 Electron 客户端,加载你的 Web 应用。

5. 打包发布

当你完成开发后,可以使用以下命令打包应用:

cs 复制代码
electronize build /target win /architecture x64

支持的目标平台包括:

  • Windows (win)
  • macOS (mac)
  • Linux (linux)

优势与适用场景

  • .NET 生态无缝接入:可以直接使用 NuGet 包、Entity Framework、SignalR 等 .NET 技术。
  • 跨平台支持:一次编写,可发布到 Windows、macOS、Linux。
  • 现代化 UI:支持 Blazor、Razor Pages、Vue、React 等前端框架。
  • 原生功能调用 :通过 ElectronNET.API 可以调用系统托盘、通知、文件对话框、剪贴板等原生桌面功能。

注意事项

  • 打包体积较大:由于内置了 Chromium,最终打包体积通常在 100MB 以上。
  • 性能开销:相比纯原生应用,Electron 应用的内存占用和启动速度略逊一筹。
  • 更新机制:需要自行实现或集成自动更新功能(如 Squirrel 或 Electron 自带的更新机制)。

Electron.NET 特别适合那些希望利用现有 .NET 技术栈快速构建跨平台桌面应用的团队,尤其是内部工具、管理后台、客户端软件等场景。

相关推荐
韩曙亮2 小时前
【jQuery】jQuery 选择器 ④ ( jQuery 筛选方法 | 方法分类场景 - 向下找后代、向上找祖先、同级找兄弟、范围限定查找 )
前端·javascript·jquery·jquery筛选方法
前端 贾公子2 小时前
Node.js 如何处理 ES6 模块
前端·node.js·es6
pas1362 小时前
42-mini-vue 实现 transform 功能
前端·javascript·vue.js
你的代码我的心2 小时前
微信开发者工具开发网页,不支持tailwindcss v4怎么办?
开发语言·javascript·ecmascript
esmap2 小时前
OpenClaw与ESMAP AOA定位系统融合技术分析
前端·人工智能·计算机视觉·3d·ai·js
毕设源码-钟学长2 小时前
【开题答辩全过程】以 基于node.js vue的点餐系统的设计与实现为例,包含答辩的问题和答案
前端·vue.js·node.js
努力d小白2 小时前
leetcode438.找到字符串中所有字母异位词
java·javascript·算法
小白路过3 小时前
记录vue-cli-service serve启动本地服务卡住问题
前端·javascript·vue.js
We་ct3 小时前
LeetCode 1. 两数之和:两种高效解法(双指针 + Map)
前端·算法·leetcode·typescript·哈希算法