Build your cross-platform, natively executable web app in 3 minutes! #dotnetconf

 Much kudos to John Juback (@jjuback)


You'll need

  • Visual Studio Code


In a console/terminal window, type

mkdir Processes

cd Processes

dotnet new webapp

code .


In Processes.csproj, add

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

In Program.cs, add

  using ElectronNET.API; on line 9


                    webBuilder.UseElectron(args);
                    webBuilder.UseEnvironment("Development");

on line 24

In Startup.cs, add

  using ElectronNET.API; on line 11

            if (HybridSupport.IsElectronActive) {
                CreateWindow();
            }   

on line 56

        private async void CreateWindow() {
            var window = await Electron.WindowManager.CreateWindowAsync();
            window.OnClosed += () => {
                Electron.App.Quit();
            };
        }

on line 61

In Visual Studio Code's terminal window, run


dotnet tool install ElectronNET.CLI -g

electronize init

In Index.cshtml.cs, add


using System.Diagnostics; on line 8

public List<Process> Processes { get; set; } on line 15

            Processes = Process
                .GetProcesses()
                .Where(p => !String.IsNullOrEmpty(p.ProcessName))
                .ToList(); on line 25

In Index.cshtml, add


<table id="myTable" class="table table-sm table-striped">
    <thead class="thead-dark">
        <tr class="d-flex">
            <th scope="col" class="col-sm-2"> Id </th>
            <th scope="col" class="col-sm-6"> Process Name </th>
            <th scope="col" class="col-sm-4 text-right"> Physical Memory </th>
        </tr>
    </thead>
    <tbody>
        @foreach (var item in Model.Processes)
        {
            <tr class="d-flex">
                <td class="col-sm-2"> @item.Id </td>
                <td class="col-sm-6"> @try{@item.MainModule.ModuleName}catch{@item.ProcessName} </td>
                <td class="col-sm-4 text-right"> @item.WorkingSet64 </td>
            </tr>
        }
    </tbody>
</table>

In Visual Studio Code's terminal window, run


electronize start


... and you're off and running!

Comments

Post a Comment

Popular posts from this blog

Auto Mapper and Record Types - will they blend?

Image
TL;DR: Yes, they will. Thank you for your time. 😄 Background At Redgate, engineers enjoy a great benefit in that we get are expected to spend 10% of our time to improve on our craft.  Having suffered this week with manually having to copy a bunch of properties from a domain object to its HTTP representation, I decided to spend this week's 10% time to see if I could answer the following questions: Can use AutoMapper to simplify mapping between two types?  Does it also allow me to map between a regular type and a record type? What about the other way around? Can I use this to reduce the maintenance burden in my product? Mapping between two types [automapper fundamentals] To started and get a basic mapping done, created a .NET 5 ASP.NET Web API project, added the below package references and configured automapper : < PackageReference Include ="AutoMapper" Version ="10.1.1" /> < PackageReference Include ="AutoMapper.Extensions.Microsoft.DependencyInj
Read more

Unit testing your Azure functions - part 2: Queues and Blobs

In our last installment , we discovered how to start unit testing our Azure Functions, looking at the HTTP Trigger (and evaulating the function's HTTP response). This time, we'll take a look at using the QueueTrigger, getting supporting data from table storage and outputting Blobs. Yup, I'm tossing you into the deep end! What are we trying to accomplish? This time, we will test a function that performs some arbitrary business logic on bank accounts. The function responds to a storage queue request, logs each command and ensures that each received command is executed exactly once. Almost like a real-world function, huh? ;-) In the function above, we are introduced to three types that we need to deal with in our unit tests - the IQueryable interface, IAsyncCollector and the CloudBlockBlob concrete type. IQueryable is easy enough to work with: Introducing the Testable Async Collector When I first started exploring this topic, I figured I could just use my favourit
Read more

Testing WCF services with user credentials and binary endpoints

Image
This article discusses the following error messages that you might receive from a WCF service An error occurred when verifying security for the message HTTP/1.1 415 Cannot process the message because the content type 'application/soap+xml;charset=UTF-8;action="..."' was not the expected type 'application/soap+msbin1' When doing analysis work on existing services, invoking them in a safe test environment is a handy way of getting an understanding of their operations, especially if the documentation has gone missing (or was never written). SoapUI is a tool that can be used to test WCF Services, but did you know that Visual Studio also comes with its own set of tools? Let's start with SoapUI, which is available from  http://www.soapui.org/ . Its operations are quite straight-forward; however, you might run into issues when trying to access services that are protected by user credentials, or when accessing services with binary endpoints. I
Read more