rajeshsuramalla / angularwithdotnetcoreelectronnet

Angular SPA with Dotnet Core and ElectronNet API

AngularWithDotNetCoreElectronNET

Angular SPA with Dotnet Core and ElectronNet API

1. Open VS 2017 with Administrator mode

2. Create Asp.Net core Web Application with Angular template

3. Install the ElectronNET.CLI using following command "dotnet tool install ElectronNET.CLI -g"

4. Goto project folder and open cmd

5. Execute the following command "electronize init", it will create electron-manifest.json file in project folder

6. Right click on dependencies, goto Nuget package manager and install ElectronNET.API

7. Add ElectronBootstrap() method in Startup.cs

        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. Call that method from Configure() in Startup.cs

     public void Configure(IApplicationBuilder app, IHostingEnvironment env)
    {
        ElectronBootstrap();
    }
   

9. Add UseElectron(args) in Program.cs

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

10. Build the project

11. Goto project folder, open cmd and execute the following command "electronize start", it will open the desktop application. First time it will take time.

12. Production build for windows: electronize build /target win

Prerequisites

1. Dotnet core SDK 3.1
2. Node js
3. Angular
4. ElectronNET.CLI 9.31.2

angularwithdotnetcoreelectronnet's Issues

Should the UI refresh when Angular HTML files are updated?

Thanks for building this starter project - I'm looking to use it as a launching point for a new project and it looks like it's going to get me up and running very quickly. Only issue I can see is that it says on the home page that "your client-side resources are dynamically built on demand and the page refreshes when you modify any file" - however I tested changing the "Hello, world!" heading in home.component.html and saved, expecting the UI to update itself, and it didn't. Restarting my app for every UI change is going to be somewhat of a nuisance to my development process so I'd really like to get automatic recompile working before I get started - any ideas?