.NET Core 3.0의 Blazor + Electron으로 GUI 앱 개발

※본 기사는 내 Blog 에 쓴 것의 야키와와시입니다.

네 CT 론. 뿌리 T을 사용하여 .NET Core 3.0의 Blazor를 Electron에서 실행하려고했습니다.

환경

이번 환경은 이쪽

.NET Core 3.0.100

Nodejs 12.10.0

ElectronNET.API 5.22.14

ElectronNET.CLI 5.22.14

작성 절차

다음 명령으로 Blazor 프로젝트를 만듭니다.
프로젝트에 ElectronNET.API 의 Package를 추가합니다.

dotnet new blazorserver -o BlazorOnElectron
cd BlazorOnElectron
dotnet add package ElectronNET.API

Program.cs 와 Startup.cs 에 2행씩 추가합니다.

Program.cs

using System;
// 途中省略
+ using ElectronNET.API;

namespace BlazorOnElectron
{
    public class Program
    {
        public static void Main(string[] args)
        {
            CreateHostBuilder(args).Build().Run();
        }

        public static IHostBuilder CreateHostBuilder(string[] args) =>
            Host.CreateDefaultBuilder(args)
                .ConfigureWebHostDefaults(webBuilder =>
                {
+                   webBuilder.UseElectron(args);
                    webBuilder.UseStartup<Startup>();
                });
    }
}

Startup.cs

using System;
// 途中省略
+ using ElectronNET.API;

namespace BlazorOnElectron
{
    public class Startup
    {
        // 途中省略

        // This method gets called by the runtime. Use this method to configure the HTTP request pipeline.
        public void Configure(IApplicationBuilder app, IWebHostEnvironment env)
        {
            // 途中省略

            app.UseEndpoints(endpoints =>
            {
                endpoints.MapBlazorHub();
                endpoints.MapFallbackToPage("/_Host");
            });

+           Electron.WindowManager.CreateWindowAsync();
        }
    }
}

ElectronNET.CLI를 설치합니다.
설치 후 init 명령으로 초기화합니다.

dotnet tool install ElectronNET.CLI -g
electronize init

초기화가 완료되면 electron.manifest.json가 생성되면,Properties\launchSettings.json에 시작 프로파일 설정이 추가됩니다.

다음 명령으로 시작합니다.

electronize start

오~
electronize build /target win 로 빌드해 보면 resources\bin 이하에 Blazor 세트가 들어가는 느낌이군요.

끝

Electron + Blazor는 꽤 뾰족합니다. .

이상입니다.