前言

Electron 是近年來有比較多人使用的架框，最大原因是在 Winform 跨平台上無法使用，因此誕生 Electron架框。

這是目前為止是Winform替代方案，後續再做相關範例。

Electron 介紹

Electron（原名為Atom Shell）是GitHub開發的一個開源框架。它通過使用Node.js（作為後端）和Chromium的彩現引擎（作為前端）完成跨平台的桌面GUI應用程式的開發。Electron現已被多個開源Web應用程式用於前端與後端的開發，著名專案包括GitHub的Atom和微軟的Visual Studio Code。

一個基礎的Electron包含三個檔案：package.json（元資料）、main.js（代碼）和index.html（圖形化使用者介面）。框架由Electron可執行檔（Windows中為electron.exe、macOS中為electron.app、Linux中為electron）提供。開發者可以自行添加標誌、自訂圖示、重新命名或編輯Electron可執行檔。

-取用於維基百科

安裝Electron

一、創建專案

Electron 原本沒有想過說用 MVC架框使用，因為需要遷入DLL檔案逼不得已需要用到c#撰寫。
如何安裝環境，請打開各位的 VS2019 或是 VS2022 都可以進行，切記按下[ ASP.NET Core Web ]。

驗證類型自行考量後續發展進行勾選。

二、新增套件 ( NuGet )

對此專案按下右鍵並選擇管理 NuGet 套件選項。記得搜尋Electron。
找到ElectronNet.Api 並下載他。

三、設定環境

設定環境有兩個地方。依據下方範例新增上去。

Program.cs

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

Startup.cs

//Startup.cs
public void Configure(IApplicationBuilder app, IWebHostEnvironment env)
{
  ...
  ...
  //需新增
  Task.Run(async () => await Electron.WindowManager.CreateWindowAsync());
}