天天看点

Blazor加Electron 学习 Electron.NET概要

使用Electron运行Blazor应用

  • 概要
    • 创建Blazor应用
    • 在项目里通过nuget 安装 Electron.NET
    • 运行dotnet new tool-manifest
    • 安装 ElectronNET.CLI
    • 运行 dotnet electronize init 进行 electron项目初始化
    • 配置 Program.cs
    • 配置 Startup.cs
    • 启动 electronize
    • 效果
    • 发布
    • 总结
      • 学习 及 感谢

概要

使用Electron.NET 运行Blazor应用 ,

为了演示,我们创建默认的项目

创建Blazor应用

Blazor加Electron 学习 Electron.NET概要
Blazor加Electron 学习 Electron.NET概要
Blazor加Electron 学习 Electron.NET概要
Blazor加Electron 学习 Electron.NET概要

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

可以进入github ElectronNET 了解

Blazor加Electron 学习 Electron.NET概要

运行dotnet new tool-manifest

dotnet new tool-manifest 
           

自动会在当前项目文件里创建一个 .config/dotnet-tools.json 文件

Blazor加Electron 学习 Electron.NET概要
Blazor加Electron 学习 Electron.NET概要

安装 ElectronNET.CLI

运行命令

dotnet tool install ElectronNET.CLI 
           

进行安装

Blazor加Electron 学习 Electron.NET概要

安装好会在dotnet-tools.json里看到相关信息

运行 dotnet electronize init 进行 electron项目初始化

dotnet electronize init
           

运行后会在项目里添加一个electron.manifest.json 文件

Blazor加Electron 学习 Electron.NET概要

上图是错误的,不能带有 run的关键字,应该去除run, 不然无法创建出 electron.manifest.json

Blazor加Electron 学习 Electron.NET概要

配置 Program.cs

Blazor加Electron 学习 Electron.NET概要

配置 Startup.cs

Blazor加Electron 学习 Electron.NET概要

代码,看看就行了,想拷贝,请看 下面 感谢项

启动 electronize

为了保险先运行

dotnet restore
           

再运行既可以启动

dotnet electronize start
           
Blazor加Electron 学习 Electron.NET概要

效果

(好像不能放gif动图?)

Blazor加Electron 学习 Electron.NET概要

发布

运行命令

dotnet electronize build /target win
           

打包过程可能比较慢

Blazor加Electron 学习 Electron.NET概要
Blazor加Electron 学习 Electron.NET概要
Blazor加Electron 学习 Electron.NET概要
Blazor加Electron 学习 Electron.NET概要
Blazor加Electron 学习 Electron.NET概要

点击可以直接运行

_

总结

1.先的会Electron.js

2.安装包有点大

Blazor加Electron 学习 Electron.NET概要

学习 及 感谢

学习于其他的网址,下面为地址,感谢其他作者奉献

01

02

03

04