62
53

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

Electron.NETを使ってみた

Last updated at Posted at 2017-11-06

Electron.NETが公開されました。
ASP.NET CoreでElectronなアプリを作れるようです。macで試してみました。

$ dotnet --version
2.0.2
$ npm -v
5.5.1

Eletronアプリを作るのにelectron-packagerというのも必要なようなので、npmでインストールします。

$ npm i -g electron-packager

あとは、READMEの通りにやっていくだけでいけました。

まず、テンプレートを作成

$ mkdir electron-net-sample; cd electron-net-sample
$ dotnet new mvc

.csprojファイルに以下を追加

<PackageReference Include="ElectronNET.API" Version="*" />
<DotNetCliToolReference Include="ElectronNET.CLI" Version="*" />

Program.csBuildWebHostメソッドを以下に変更
(using ElectronNET.API;の追加も忘れずに。)

public static IWebHost BuildWebHost(string[] args)
{
    return WebHost.CreateDefaultBuilder(args)
        .UseElectron(args)
        .UseStartup<Startup>()
        .Build();
}

Startup.csconfigureメソッドを以下に変更
(using ElectronNET.API;の追加も忘れずに。)

public void Configure(IApplicationBuilder app, IHostingEnvironment env)
{
    if (env.IsDevelopment())
    {
        app.UseDeveloperExceptionPage();
        app.UseBrowserLink();
    }
    else
    {
        app.UseExceptionHandler("/Home/Error");
    }

    app.UseStaticFiles();

    app.UseMvc(routes =>
    {
        routes.MapRoute(
            name: "default",
            template: "{controller=Home}/{action=Index}/{id?}");
    });

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

リストアを実行

$ dotnet restore

Electron.NETの初期化をする。

$ dotnet electronize init

Electron.NETをビルドする

$ dotnet electronize build osx

ビルドされたElectron.NETを起動

$ open ./bin/desktop/ElectronNET.Host-darwin-x64/ElectronNET.Host.app

スクリーンショット 2017-11-06 23.41.13.jpg

完成!!さぁ、これで何作ろう。。。

62
53
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
62
53

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?