Electron .NET を試す | のい太ろぐ

ネタ探しでネットサーフィンをしていたら面白そうなことに挑戦している Github を見つけたので、試してみたいと思います。

Electron .NET とは
環境
はじめに
プロジェクトに ElectronNET.API をインストール
プログラム修正
1. Program.cs
2. Startup.cs
ElectronNET.CLI をインストール
1. Electron.NET の初期化
動作確認
おわりに

Electron .NET とは

Electron.NET

.NET 5ウェブアプリを Electron 使ってクロスプラットフォームのデスクトップアプリにする技術です。

この技術を使えば .NET 5 で作ったウェブアプリを、デスクトップアプリとして配布することができるようになります。

環境

Windows 10 Home 21H1
Visual Studio 2019
.NET 5.0
ElectronNET.API 13.5.1
ElectronNET.CLI 13.5.1

はじめに

事前に「ASP.NET Core Web アプリ」で新しいプロジェクトを作っておきます。

ターゲットフレームワークは .NET 5.0 を選択します。

デバック実行して動くことを確認しておきます。

プロジェクトに ElectronNET.API をインストール

NuGet を使ってプロジェクトに ElectronNET.API をインストールします。

ソリューションエクスプローラーの WebApplication1 を選択してから右クリックメニューの「NuGetパッケージの管理」を選択します。

参照を選んでから「ElectronNET.API」を検索してインストールします。

プログラム修正

Electron.NET を有効にするため、プログラムを修正します。

修正するソースファイルは「Program.cs」と「Startup.cs」です。普段はあまり触ることのないところですね。

Program.cs

WebHostBuilder-Extension で Electron.NET を起動するように修正します。

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

Startup.cs

プログラム実行時に Electron のウインドウを開くように修正します。下記コードを一番下に追記します。

public void Configure(IApplicationBuilder app, IWebHostEnvironment env)
{
    ...

    // Open the Electron-Window here
    Task.Run(async () => await Electron.WindowManager.CreateWindowAsync());
}