Chromium 的“后门”：CommandLine
概念 Chromium（和Chrome）接受命令行开关，以启用特定功能或修改其他默认功能；Electron CommandLine Class 就是用于操作Chromium读取的应用程序的命令行参数的。 ...
Electron
生命周期
生命周期函数可以分为 APP 的生命周期，创建视图（BrowserWindow、BrowserView）和插件的生命周期。 APP LifeCycle will-finish-launching ready: electron 已经准备好，可以创建 BrowserWindow，调用 dialog、ipc 等模块 before-quit will-quit quit 注: 在 Windows 系统中，因系统关机/重启或用户注销而关闭，before-quit will-quit quit 事件不会被触发。如果有 fork 启动的进程，可以利用心跳结合退出函数来关闭。 ...
进程间通信 —— IPC
背景 进程间通信（IPC，Inter-Process Communication）是 Electron 中构建功能丰富的桌面应用程序的关键部分之一。在深入探讨 Electron IPC 的实现之前，我们先来了解这种设计的背景。 ...
Electron 客户端项目从搭建到分发的全流程（含pipeline）
最近在开发基于 WebRTC 做数据传输的文件管理工具，P-Pass File 需要对本地文件做读写操作，大量的操作干脆就直接以本地服务的方式去处理了。 之前为了快速开发客户端，使用 electron-forge vite ts 模板快速创建项目。可不曾想在主进程中使用 fork、child_process 启动 node 服务，vite 构建出来的产物会循环的启动 app，直接导致设备无法使用（ issue 地址 ）。找不出解决的办法，无奈只能使用老一套的方案处理了。 ...
Electron-forge + Vite + Typescript + Vue3 初始化项目
初始化 Electron Vite + TypeScript npm init electron-app@latest my-new-app -- --template=vite-typescript 安装 Vue3 npm install vue@latest 安装 Vue3 插件 npm install @vitejs/plugin-vue 修改 renderer 配置 vite.renderer.config.ts import { defineConfig } from 'vite'; import vue from '@vitejs/plugin-vue'; // https://vitejs.dev/config export default defineConfig({ plugins: [vue()], }); 调整目录(按需) ├── main.ts ├── preload.ts ├── renderer │ ├── App.vue │ └── index.ts └── types 调整 index.html 入口文件 src="/src/renderer/index.ts" <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>Hello World!</title> </head> <body> <div id="app"></div> <script type="module" src="/src/renderer/index.ts"></script> </body> </html> 调整脚本入口文件 /src/renderer/index.ts ...