Electron on Time Friend

Recommended: An Angular Electron Project Template Ready to Use

Thu, 20 Dec 2018 19:02:36 +0000

The official Angular website does provide an official Angular template for Electron. But the version is 2.0, which is really too old. I doubt anyone will maintain it anymore. Yet it’s still listed on the official site. This misleads many beginners — at least it made me think there wasn’t a newer, usable Electron template for quickly creating projects.

Angular-electron

Here I recommend a highly complete template that’s ready to use out of the box:

Angular 7 + Electron Main Process and Renderer Process Communication

Wed, 19 Dec 2018 19:02:36 +0000

Process Types in Electron

In Electron, there are two types of processes: the main process and the renderer process.

The renderer process can be understood as the view layer — the process that displays pages, which we’re very familiar with. Here you can use Node.js API capabilities as well as perform browser operations we’re already used to. But when you need to invoke operations that only the main process can handle, you need a communication mechanism to tell the main process what you want to do.

Building an Angular 7 + Electron Desktop App from Scratch

Tue, 18 Dec 2018 19:02:36 +0000

What is Electron?

Electron is a library for building desktop applications with JavaScript, HTML, and CSS. These applications can be packaged to run on Mac, Windows, and Linux, and can also be published to the Mac and Windows App Stores. This means that as long as you have front-end development skills, you can easily build cross-platform desktop applications.

Electron’s Main Process and Renderer Process

Electron has two types of processes: the main process and the renderer process. Some modules can only run on one or the other, while others have no restrictions. The main process acts more as a behind-the-scenes role, while renderer processes are the individual windows of the application.