具有.net,角度和电子的桌面应用程序

时间:2018-03-19 12:57:48

标签: c# .net angular .net-core electron

我正在尝试创建一个电子桌面应用程序,其角度为前端,.net为后端。 我从VS 2017在.netcore 2.0中创建了一个示例角度项目,并按照提到的here

步骤进行操作

我遇到了dotnet electronize init命令的问题。它给出了以下错误:

No executable found matching command "dotnet-electronize"

如果我遗失任何内容,有人可以告诉我。 此外,如果有任何样板代码,我可以参考这将非常有用。

2 个答案:

答案 0 :(得分:3)

我使用的是powershell,它有一些意想不到的行为。请查看here了解更多详情。

答案 1 :(得分:0)

具有Dotnet Core和ElectronNet API的角度SPA

  1. 以管理员模式打开VS 2017

  2. 使用Angular模板创建Asp.Net核心Web应用程序

  3. 使用以下命令“ dotnet工具安装ElectronNET.CLI -g”安装ElectronNET.CLI

  4. 转到项目文件夹并打开cmd

  5. 执行以下命令“ electronize init”,它将在项目文件夹中创建electron-manifest.json文件

  6. 右键单击依赖项,转到Nuget软件包管理器并安装ElectronNET.API

  7. 在Startup.cs中添加ElectronBootstrap()方法

      public async void ElectronBootstrap()
      {
      BrowserWindowOptions options = new BrowserWindowOptions
      {
          Show = false
      };
      BrowserWindow mainWindow = await Electron.WindowManager.CreateWindowAsync();
      mainWindow.OnReadyToShow += () =>
      {
          mainWindow.Show();
      };
      mainWindow.SetTitle("App Name here");
    
      MenuItem[] menu = new MenuItem[]
      {
          new MenuItem
          {
              Label = "File",
              Submenu=new MenuItem[]
              {
                  new MenuItem
                  {
                      Label ="Exit",
                      Click =()=>{Electron.App.Exit();}
                  }
              }
          },
          new MenuItem
          {
              Label = "Info",
              Click = async ()=>
              {
                  await Electron.Dialog.ShowMessageBoxAsync("Welcome to App");
              }
          }
      };
    
      Electron.Menu.SetApplicationMenu(menu);
      }
    
  8. 从Startup.cs中的Configure()调用该方法

    public void Configure(IApplicationBuilder应用程序,IHostingEnvironment env) { ... ElectronBootstrap(); }

  9. 在Program.cs中添加UseElectron(args)

    公共静态IWebHostBuilder CreateWebHostBuilder(string [] args) { 返回WebHost.CreateDefaultBuilder(args) .UseStartup() .UseElectron(args); }

  10. 构建项目

  11. 转到项目文件夹,打开cmd并执行以下命令“ electronize start”,它将打开桌面应用程序。第一次需要时间。

  12. Windows的生产版本:电子化版本/ target win

从这里得到它:https://github.com/rajeshsuramalla/AngularWithDotNetCoreElectronNET