Building Cross-Platform Desktop Apps with Electron.NET

This article provides a walk-through for developing and deploying an application with Electron.NET.


Create an ASP. NET Core Web Application

For this exercise, I'm using Visual Studio Code. First, open a terminal window and run the following commands to create a new project called ElectronMvcDemo.

mkdir ElectronMvcDemo  

cd ElectronMvcDemo  

dotnet new webapp  

code .  


When prompted by Visual Studio Code, say Yes to load the required assets for the project. Press F5 to build and run the application, opening a browser on the default ASP. NET Core welcome page, hosted on localhost:5001. Close the page, return to VS Code and stop debugging.

Electronize It!

Now let's turn our boilerplate ASP. NET Core project into an Electron application. First, open the file ElectronMvcDemo.csproj and insert a package reference for the Electron.NET:

<ItemGroup>  

  <PackageReference Include="ElectronNET.API" Version="9.31.2" />  

</ItemGroup>  

 

Save the file( dotnet restore ).

Next, edit Program.cs and insert a using statement for the newly added package:

using ElectronNET.API;  


Locate the static method CreateHostBuilder and insert the following two lines before the call to UseStartup:

webBuilder.UseElectron(args);  

webBuilder.UseEnvironment("Development");  


The first line is necessary. The second is convenient during development, as it allows detailed error messages to be displayed.

Edit Startup.cs and insert the following using statements:

using ElectronNET.API;  

using ElectronNET.API.Entities;  

using System.Runtime.InteropServices; 

 

Locate the Configure method and add the following lines to the end of its body:

if (HybridSupport.IsElectronActive)  

{  

    CreateWindow();  

}  


Finally, add the following method to the Startup class to create the main Electron window:

private async void CreateWindow()  

{  

    var window = await Electron.WindowManager.CreateWindowAsync();  

    window.OnClosed += () => {  

        Electron.App.Quit();  

    };  

}

 

Install the Command Line Tool

In VS Code, create a new terminal window and type:

dotnet tool install ElectronNET.CLI -g  


This one-time step will install a .NET Core global tool that implements a command named electronize. To see a list of tools/commands installed on your system, type the following:

dotnet tool list -g


Run the Electronized Application

After installing the command-line tool, type these lines in the VS Code terminal window:

electronize init  

electronize start


The first line is a one-time step that creates a manifest file named electron.manifest.json and adds it to your project. The second line is used to launch the Electron application (don't use F5, as this will only open the ASP. NET Core application in the browser). Note that the content now appears in an application window, not a browser.

Comentarii

Trimiteți un comentariu

Postări populare de pe acest blog

5Inch HDMI LCD for RPI 800x480

In order for the LCD to work ... my version Go clone from git the following git repository  LCD-show      After this, edit with your favorite text editor from console /boot/config.txt (sudo mcedit /boot/config.txt) my favorite is mc (sudo apt install mc -y) and of course, at the end of the file copy the settings from below make sure to have penirq=22 instead of penirq=25 if the touchscreen does not work   Finally for calibration if necessary do: sudo apt install -y xinput-calibrator and calibrate the screen: DISPLAY=:0.0 xinput_calibrator
Citiți mai multe

DevExpress Theme Changer ...

Original post here !  (backup purpose only) Devexpress theme changer using My.Settings to save it. 1.)Make a new form, name it whatever you would like. 2.)Reference Devexpress.BonusSkins.dll and Devexpress.OfficeSkins.dll 3.)Go to My.Settings and make a new setting with the name "Theme" with the value "Sharp" 4.)Go to your forms Designer. vb  and change the "Inherits" to DevExpress.XtraEditors.XtraForm 5.)Add 1 Button to your form and 1 ListBoxControl. Make the Text of the button "Change Theme", Make your ListBoxControl items these: Code: Caramel Money Twins Lilian The Asphalt World iMaginary Black Blue Coffee Liquid Sky London Liquid Sky Glass Oceans Stardust Xmas 2008 Blue Valentine McSkin Summer 2008 Pumpkin Dark Side Springtime Darkroom Foggy High Contrast Seven Seven Classic Sharp Sharp Plus DevExpress Style Office 2007 Blue Office 2007 Black Office 2007 Silver Office 2007 Green Office 2007 Pink Office 2010 Blue Office 2010 Black Offi
Citiți mai multe

.NET Core Dependency Injection with Func as constructor parameter

This post will be short and sweet, albeit one that caused me a bit of a headache. I recently worked on an ASP.NET Core project and I wanted to take advantage of the built-in Dependency Injection service to inject various services to the controllers. However, one of the services required a parameter in the constructor; to be more exact I was asked to create a unit of work for all the different zones that we have but the connection has to change for each region so this is the solution I came up with: The important magick is here:
Citiți mai multe