#ELECTRON SET ICON HOW TO#
#ELECTRON SET ICON INSTALL#
#ELECTRON SET ICON ZIP FILE#

These do, however, require a bit more work to get. To sum it up, if you’re representing a business, you likely want to go with an EV Code Signing Certificate. This Stack Overflow question shows the three possible states and their associated warnings. The major difference is, with a base level Code Signing Certificate, your clients may still get a warning that the application can’t be verified as coming from a trusted source during download. When you visit these certificate issuers, you will notice there are two types of certificates available for purchase: Code Signing Certificates and EV Code Signing Certificates.

Procuring a code signing certificateĪ code signing certificate can be obtained from a few different places, like SSL certificates, and a list of possible sources is located on Microsoft’s site. Due to the lack of lucid documentation, I’m here to explain the process and make it easier for others. It was the first time I had to set up signing for an installable application myself from scratch and it took me a bit to get everything working. I ran into this problem on a recent project. Have you found yourself signing an Electron app lately? The process isn’t very well documented.

#ELECTRON SET ICON HOW TO#

TL DR: We dig into the different types of code signing certificates, coding the updater, configuring your package.json, and how to initiate a build/deployment when using Electron with Electron Forge. In the Electron Forge configuration, add a path string for “icon” to the “packagerConfig” subsection that specifies where your. ico for you from the PNG, but also an ICNS-type icon that would potentially work for a Mac version of your app. ico format, but an easier method is to create a 1024x1024 PNG image of your icon and then use a helper tool called electron-icon-maker which will not only generate an. You will also need to make sure that the Forge component is installed as a dev dependency in your Electron project, as Electron Forge’s project setup script does not currently include it.īy default, the installer will show this simple window, with no configuration options during install:Įlectron Forge lets you set an application icon in the same way, regardless of the kind of installer.

#ELECTRON SET ICON INSTALL#

The default icon and progress animation of a Squirrel.Windows installer WiXīefore you can create WiX installers using Electron Forge, you will first need to install the WiX toolset, and make sure the candle.exe and light.exe tools are configured to be accessible via the PATH system variable. Instead, they display a simple looping animation, and the application is launched immediately once installation is complete. Squirrel.Windows installers do not display detailed progress information or ask the user for any confirmation while installing.

#ELECTRON SET ICON ZIP FILE#

(Note: I am not counting the Zip option, which as the name implies is just a zip file containing all your application files, with no actual installer.) Creating a Basic Installer Squirrel.Windows These each have their own set of configuration options and produce installers with different user experience.

One of the ways that an Electron app can be packaged for distribution is by using Electron Forge.įor Windows, there are currently two options for the kind of installer that Electron Forge can make, WiX and Squirrel.Windows.

Tools, electron, deploy, windows, desktop

Electron set icon