Vincent Type to start searching
Preface: After developing a local app with Electron, local logging is essential. It helps capture user actions and locate bugs. Local logs differ from real-time analytics — they are larger, more detailed, and not all information is suitable for reporting. Similarities and Differences with Node.js Logging: Writing local logs in Electron is similar to Node.js.
Preface: This article introduces how to register keyboard shortcuts in an Electron app. Main Process: Registering shortcuts in the main process is straightforward — just make sure to do it after app ready. Common key mappings: https://www.electronjs.org/docs/latest/api/accelerator. Also remember to unregister all shortcuts when the app quits.
Preface: After developing a desktop app with Electron, the next question is how to update subsequent versions. This article introduces several update strategies. Electron Architecture: An Electron desktop app consists of several parts: the Electron runtime itself, the main process (Node.js and non-Node.js parts), and the renderer process.
Preface: Previous articles covered developing an Electron app through to Mac packaging. Related articles: Learn Electron in One Article, Electron in Practice: Local Database SQLite, Electron in Practice: Managing Electron Projects with Monorepo, Electron in Practice: Mac Packaging, Electron in Practice: Registering an Apple Developer Account.
Preface The previous articles covered developing an Electron app through to Mac packaging. Related articles: Learn Electron in One Article, Electron in Practice: Local Database SQLite, Electron in Practice: Managing Electron Projects with Monorepo, Electron in Practice: Mac Packaging, Electron in Practice: Register
Preface A dmg file is a common installer format on Mac. The previous articles have already developed and packaged an application using Electron. This article focuses on customizing the dmg installer.
Preface: Learn Electron in One Article, Electron in Practice: Local Database SQLite, Electron in Practice: Managing Electron Projects with Monorepo. After developing a desktop app with Electron and packaging it locally for Mac, the next step before distribution is signing and notarizing the Mac app.
Preface: Getting started with Electron requires creating a window. A window is used to display the UI and runs in the renderer process. Creating a Window: Create a new frontend project with the following package.json. You can see that Electron is installed as a dev dependency.
Preface After developing a Mac application with Electron, if you want it to work properly on Mac computers, you need to sign and notarize your application. Both signing and notarization require an Apple Developer account. There are some pitfalls in this process, documented here.
Preface: After developing an Electron app locally, the next thing you want to do is package it and share it. For how to manage an Electron project with monorepo, see: Electron in Practice: Managing Electron Projects with Monorepo.
Preface: This article explains how to manage an Electron project using monorepo. Code: https://github.com/uikoo9/dishi-monorepo/tree/electron-monorepo. Initialization: First, initialize a monorepo frontend project.
Preface Electron provides operations for reading from and writing to the system clipboard. See: https://www.electronjs.org/docs/latest/api/clipboard Process clipboard is supported in the main process and in renderer processes without sandbox enabled. System Most clipboard APIs support Windows, Mac, and Linux.