electron专题

Electron自动化测试技术选型调研

Electron简介 Electron是一个开源的框架，用于构建跨平台的桌面应用程序。它由GitHub开发并于2013年首次发布。Electron允许开发人员使用Web技术（如HTML、CSS和JavaScript）来构建桌面应用程序，同时可以在Windows、macOS和Linux等操作系统上运行。以下是一些关键特点和优势：跨平台：Electron可以在多个操作系统上运行，包括Win

使用yarn/npm安装插件（涉及electron），总是报错证书错误或者ssl解析错误

同学们可以私信我加入学习群！正文开始前言一、问题描述二、解决措施总结前言最近electron更新到了30大版本，里面更新的一个重大变化是主进程增加了 WebContentsView 和 BaseWindow，对窗口的控制会更加丝滑。正好最近在做把文章或者视频一键发布到各自媒体平台的工具，所以决定把BrowserWindow的实现改为BaseWindow，当然

vscode调试Electron+ts

调试Electron+js 调试Electron+js: https://www.electronjs.org/zh/docs/latest/tutorial/debugging-vscode 调试Electron+ts 首先看一下，我的目录结构。目录结构决定了launch.json中的路径部分。我将在项目根目录下进行调试，项目根目录下包含electron代码部分，和src等前端代码部分

Electron Forge | 跨平台实战详解(中)

简介上篇介绍了 Electron 和 Electron Builder 的基本用法，本篇将介绍更常用也更方便的打包工具，Electron Forge 。 Electron Forge 是一个为 Electron 应用的开发、打包和分发而设计的全功能工具集。它整合了多个底层 Electron 工具到一个统一的命令行界面中，极大简化开发和部署流程。参考文档：官方文档 – Electron

electron进程间通信

Electron 应用程序的结构非常相似。作为应用开发者，你将控制两种类型的进程：主进程和渲染器进程。这类似于上文所述的 Chrome 的浏览器和渲染器进程。主进程每个 Electron 应用都有一个单一的主进程，作为应用程序的入口点。主进程在 Node.js 环境中运行，这意味着它具有 require 模块和使用所有 Node.js API 的能力。渲染

loongarch64 electron打包deb改成符合统信测试通过的deb

需要做软件适配统信系统的自主认证。我之前是在麒麟龙芯 loongarch64 电脑上使用 electron 打包的 deb包：麒麟龙芯loongarch64 electron 打包deb包_electron麒麟系统打包的-CSDN博客安装在统信电脑处理器：Loongson-3A60000-HV @2.5GHz 可以使用，现在要求是应用性能自动化测试工具测试通过，现在我不知道是哪项

Electron+Vue+pyinstaller服务打包

electron环境安装略 1. electron的入口文件配置test.js, 需要在package.json 配置文件中指定main: src/test.js const { app, BrowserWindow } = require('electron')const createWindow = () => {const win = new BrowserWindow({width

Electron学习笔记（三）

文章目录相关笔记笔记说明五、界面1、获取 webContents 实例（1）通过窗口对象的 webContent 属性获取 webContent 实例：（2）获取当前激活窗口的 webContents 实例：（3）在渲染进程中获取当前窗口的 webContents 实例：（4）通过 id 获取 webContents 实例：（5）遍历应用内的 webContents 对象： 2、页面加载

Electron学习笔记（二）

文章目录相关笔记笔记说明三、引入现代前端框架1、配置 webpack（1）安装 webpack 和 electron-webpack：（2）自定义入口页面 2、引入 Vue（1）安装 Vue CLI （2）调试配置 -- 调试主进程需要增加额外的配置四、窗口1、自定义窗口的标题栏2、窗口的控制按钮、记录与恢复窗口状态3、创建不规则窗口相关笔记 Electron学习笔

Electron 对 SQLite 进行加密

上一篇讲了如何在 Electron使用 SQLite，如果 SQLite 中存有敏感数据，客户端采用明文存储风险很高，为了保护客户数据，就需要对数据进行加密，由于 electron 对代码并不加密，所以这里排除通过逆向工程进行数据库解密。 SQLite可以采用第三方库 SQLCipher 对数据进行加密，本文用的是better-sqlite3-multiple-ciphers。安装依赖 n

在客户端开发中，无论是 PC 端，还是手机端，为了能够访问离线数据，数据经常需要保存到本地，IndexDB 可以用于存储本地数据，IndexDB 是一个对象存储，数据是以 key:value 的形式进行存储和访问的，相对于关系型数据库，访问速度快，但是结构简单。对于一些复杂的模型，多表关联关系，用 IndexDB 实现会相对复杂，需要通过查询实现。所以在业务项目中，通过关系型数据库对业务数据进行建

window系统电脑或平板上的electron静默打印， 2018年10月更新

最近有个需求，在window平板上实现打印，用户在平板上一顿操作之后，生成一个组合的页面，并将页面上的内容打印到纸张上带走。首先需要在main.js里面添加如下代码，在主进程中，侦听渲染进程的打印事件。 const ipcMain = require('electron').ipcMain;ipcMain.on("print", (event, arg) => {//mainWindow 是

Electron-Builder 打包 Vue 项目避坑指南

最近在开发一个基于 Vue 的 Electron 项目，在打包时遇到了诸多问题，为了解决这些问题也查阅了非常多的资料，排除了很多坑。现在将可能遇到的问题整理成避坑指南，供大家参考（此避坑指南后续还会继续更新）。依赖版本 “electron”: “^30.0.1”, “electron-builder”: “^24.13.3”, “electron-builder-squirrel-windo

Electron+Vue3+Vite+ElectronForge整合-全部ts开发 - 一键启动两个服务一键打包两个服务

说明本文介绍一下 Electron + Vue3 + Vite + Electron Forge 的高级整合操作。vue3 : 使用 TS 的语法开发；Electron : 使用 TS 的语法开发。补充：目前Electron的开发还是以JS为主，不过我们可以直接使用TS开发，在执行和打包时，先进行JS的编译就可以了。本文将从项目初始化开始，一步一步的完成项目的启动、打包全流程的介绍。

Electron打包流程

安装先安装依赖 apt-get updateapt-get install -y wine dpkg fakeroot rpm mono-completedpkg -add-architecture i386 && apt-get updateapt-get install -y win32rm -rf /var/lib/apt/lists/* 安装electron npm

初识Electron，创建桌面应用

历史小剧场呜呼！古有匈奴犯汉，晋室不纲，铁木夺宋，虏清入关，神舟陆沉二百年有余，中国之见灭于满清初非满人能灭之，能有之也因有汉奸以作虎怅，残同胞媚异种，始有吴三桂洪承畴，继有曾国藩袁世凯以为厉。今率堂堂之师，征讨汉贼袁氏筑共和之体，或免于我子子孙孙被异族奴役。---- 《讨汉贼袁世凯檄文》基本使用 1、初始项目注意：main: 改为 main.js npm init 2、

Electron开发 umi react 应用

Electron 是一个跨平台桌面端的应用框架，electron 底层依赖3 个核心组件 Chromium、Node.js、Electron API，Chromium 是 Chrome 的开源版本，Node.js可以编写后台应用程序，集成 Node.js 到 Electron，使得 Electron 可以使用 Node.js 提供的功能，例如访问本地文件和数据库。 Electron可以理解成一个

electron 数据持久化方案

在 Electron 应用中实现数据持久化的方案多种多样，主要取决于你的具体需求，比如数据的大小、安全性要求、以及是否需要与云端同步等。以下是几种常见的数据持久化方法：本地文件存储： JSON 文件：对于配置信息或小量数据，可以简单地使用 JSON 文件进行读写。Node.js 的 fs 模块可以用来操作文件系统，读取和写入数据。其他格式：如果有特别的需求，也可以存储为 CSV、XML 或自

electron退出时添加一个包含“不再提示”选项的确认对话框

在 Electron 中添加一个包含“不再提示”选项的确认对话框可以通过 checkboxLabel 和 checkboxChecked 属性在 dialog.showMessageBox 函数中实现。这两个属性分别用于设置复选框的标签和初始状态。您可以根据用户的选择来决定是否在将来再显示此对话框。以下是一个更新的示例，其中加入了“不再提示”的复选框： const { app, Browse

electron 中的 ipcMain 介绍

在 Electron 应用中，ipcMain 是主进程中的一个模块，用于处理与渲染进程之间的进程间通信 (IPC, Inter-Process Communication)。Electron 应用程序通常分为两个主要的进程：主进程和渲染进程。主进程（通常是 main.js 文件）负责应用程序的生命周期、创建和控制浏览器窗口等任务，而渲染进程则运行在每个浏览器窗口中，负责页面的渲染。 ipcMai

electron 中使用 el-tooltip 提示框无效的问题

.electron-vue/webpack.renderer.config.js 21 行左右，将 element-ui 加入白名单 let whiteListedModules = ['vue', 'element-ui'] https://github.com/SimulatedGREG/electron-vue/issues/361

创建electron,解决包清理的问题,解决镜像源卡住下载时间长

我的电脑用户名是Anyphasy,我的node.js安装在D:\developp\nodejss18.18.0 使用npm config get prefix查看node.js安装路径 npm config get prefix 创建electron 创建package.json文件,它里面记载了你的electron版本,项目描述,以及启动命令等信息 npm init -y

electron ipcRenderer.invoke 和 ipcMain.handle 介绍

ipcMain.handle 是 Electron 主进程中的一个方法，用于处理从渲染进程发送过来的 IPC 请求，并返回一个 Promise。渲染进程可以使用 ipcRenderer.invoke 方法发送 IPC 请求到主进程，并等待主进程处理完成后返回结果。在主进程中 (main.ts)： import { app, BrowserWindow, ipcMain } from 'ele

国产麒麟系统下打包electron+vue项目（AppImage、deb）

需要用到的一些依赖包、安装包以及更详细的打包方法word以及麒麟官网给出的文档都已放网盘，链接在文章最后！！！！！！！！！！！！！！！！！！搭建开发环境可参考之前文章：银河麒麟v10安装前端环境（Node、vue、Electron+vite）_麒麟系统安装nodejs-CSDN博客一.将项目打包成两种格式的包第一种Appimage包（这种包比较简单没太多环境配置），下面是对此包的解释

Electron中使用Prisma（以SQLite为例）

1、安装 Prisma 打开终端，执行以下命令安装 Prisma CLI： npm install prisma -g 2、初始化 Prisma 项目在工作目录中执行以下命令来初始化一个新的 Prisma 项目： prisma init 这将创建一个新的文件夹，包含了必要的文件和目录结构。 3、配置 SQLite 打开 prisma/schema.prisma 文件，将数据库引擎

electron使用typescript

引入 TypeScript 到 Electron 项目中是一个增强代码质量和开发体验的好方法，因为 TypeScript 提供了静态类型检查、接口和类等强大的语言特性。下面是将 TypeScript 集成到 Electron 项目中的步骤： 1. 初始化项目如果你还没有创建 Electron 项目，可以从头开始创建一个。你可以使用 Electron Forge、Electron Builde