文章目录electron-builder 配置页面通用配置Artifact File Name TemplateEnvironment Variables from File如何阅读文档配置（Configuration）每个平台可覆写的OptionsMetadataProton NativeBuild Version ManagementHooksafterPackafterSignafterA
【前言】回顾之前的章节打包应用这里还有一个优化点，本节来优化一下【对比Electron应用】对比几个electron应用的文件结构vscode，app文件夹下可以看到部分源码某网盘，app对应的位置是一个app.asar文件，无法直接打开本文应用vq，app文件夹下可以看到所有源码看到这里有几个问题1.为什么有的应用app文件夹下可以看到所有源码（相信我，不仅仅是示例的vq应用）2.为什么有的应用
转载
2024-10-18 09:02:57
105阅读
**Electron** 是一个使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架。 嵌入 `Chromium` 和 `Node.js` 到 二进制的 `Electron` 允许您保持一个 `JavaScript` 代码代码库，支持跨平台，一套代码可同时打包为Windows、macOS、Linux应用。
而 **Post-Tool** 就是基于
转载
2023-12-04 19:41:00
162阅读
在Electron应用中使用Axios进行HTTP请求是实现数据交互的重要手段。然而，随着项目规模的扩大，Axios请求所面临的问题日益复杂。本文将探讨如何优化Electron中的Axios请求，以实现高效、稳定的应用程序。
## 背景定位
在一个分布式应用中，前端与后端的有效通信是至关重要的。在我们的项目中，Electron负责构建跨平台桌面应用，而后端则提供RESTful API。业务场景
在electron中进行使用 ipcMain 和 ipcRenderer 模块，通过开发人员定义的“通道”传递消息来进行通信。 新的版本中electron推荐使用上下文隔离渲染器进程进行通信，这种方式的好处是无需在渲染进程中直接使用ipcRenderer发送消息，这种在渲染进程中调用nodejs对象的方法对于渲染进程有侵入性。当我们使用vue或者其他前端框架开发界面时，上下文隔离方式使用起来更加方
转载
2024-02-23 16:58:54
165阅读
从开发的角度来看, Electron application 本质上是一个 Node. js 应用程序。 应用启动的入口是一个与 Node.js 模块相同的 package.jsonyour-app/
├── package.json
├── main.js
└── index.html为你的新Electron应用创建一个新的空文件夹。 打开你的命令行工具，然后从该文件夹运行
转载
2023-11-09 16:20:55
164阅读
1.安装并启动electron项目git clone https://github.com/electron/electron-quick-start
cd electron-quick-start
npm install
npm start2.修改index.html文件，加入<webview src="https://www.baidu.com" partition="persist:g
转载
2024-05-28 20:10:53
278阅读
第一步：用vue-cli3.0创建一个项目打开命令行工具vue create demo选择默认 安装完成第二步：安装vue-cli-plugin-electron-builder进入项目cd demo进入vue项目管理器：vue ui导入demo 点击插件，并添加插件 搜索vue-cli-plugin-electron-builder,勾选，安装 安装完成后，点击“安装完成”，（必须要点击安装完成
## Electron 配置 Axios
在 Electron 应用程序中使用 Axios 可以方便地进行 HTTP 请求。Axios 是一个基于 Promise 的 HTTP 客户端库，可以用于浏览器和 Node.js 环境。在本文中，我们将介绍如何在 Electron 中配置和使用 Axios，并提供一些示例代码。
### 准备工作
在开始之前，确保已经安装了 Node.js 和 Ele
原创
2023-08-31 08:29:54
1054阅读
之前，我们知道了如何快速将一个web项目转化为桌面端应用，同时也知道了针对某些行业如何添加副屏。不过，在有些场景下，可能需要通过Electron获取一些桌面端（系统）信息，传递给网页，或者副屏需要需要接收主屏传过来的数据等等场景，此时，我们就需要通过通信解决。1、以前以前，通过 Electron 构建的构建的项目，会在网页环境中提供 require 函数，用来加载 electron 的一些模块，进
转载
2024-07-23 13:09:58
461阅读
# Electron中使用Axios请求数据
在开发Electron应用程序时，我们经常需要从远程服务器获取数据。而Axios是一款流行的用于发起HTTP请求的库，它简化了与服务器通信的过程。本文将介绍如何在Electron中使用Axios来请求数据。
## 安装Axios
在开始使用Axios之前，我们需要先安装它。打开终端并执行以下命令：
```bash
npm install axi
原创
2024-01-18 11:40:38
802阅读
一. remote模块有时候,我们需要在渲染的窗口中打开新的窗口,也就需要在渲染进程中使用主进程中的方法.当我们知道了Electron有主进程和渲染进程后，我们还要知道一件事，就是Electron的API方法和模块也是分为可以在主进程和渲染进程中使用。那如果我们想在渲染进程中使用主进程中的模块方法时，可以使用Electron Remote解决在渲染和主进程间的通讯。 const btn = th
转载
2024-07-18 14:42:08
397阅读
一、nodejs+npm安装1、下载nodejs的二进制解压版，在d:\tools下解压，改目录名为nodejs，设置环境变量NODE_HOME为D:\Tools\nodejs;2、其他配置npm config set cache="D:\Tools\nodejs\node_cache"编译过程中下载的东西都缓存在这里的npm config set prefix="D:\Tools\nodejs\
Electron 桌面应用有两个进程，分别为主进程和渲染进程。一、主进程和渲染进程介绍主进程(Main Process)应用启动时，会创建个主进程一个应用有且只有一个主进程只有主进程可以进行 GUI 的 API 操作，即调用 Native APIs
渲染进程(Renderer Process)Windows 中展示的界面通过渲染进程表现，DOM 操作，node js一个应用可以有多个渲染进程要通过
转载
2024-05-17 12:50:06
78阅读
electron渲染进程与主进程之间的通信
上一篇讲了使用electron进行打包的配置相关文件,这篇主要讲electron中很重要的通信方式. 首先解释一个概念: electron打包的应用包含两个部分electron的环境(node),也就是主进程.web渲染环境,副进程.这两个环境之间是相互隔离的,无法直接进行数据通信,所以有了这篇文章.
转载
2024-01-04 19:37:29
227阅读
The File Open DialogElectron不使用文件API，正如web应用一样，我们结合使用会话模块和Node的FS模块来完成文件操作。显示文件打开会话的基本方法是dialog.showOpenDialog。 首先将index.html的<body>中加入：<button id="select-directory">Choose a directory<
转载
2023-11-19 13:06:30
479阅读
重大变化此处将记录重大更改，并在可能的情况下（至少在进行更改之前）至少在一个主要版本中向JS代码添加弃用警告。 重大变化的类型本文档使用以下约定对重大更改进行分类：更改了API ：对API进行了更改，以确保未更新的代码会引发异常。行为已更改：Electron的行为已更改，但未必会引发异常。默认值已更改：取决于旧默认值的代码可能会中断，不一定会引发异常。可以通过显式指定值来恢复旧的行为。不
转载
2024-06-03 11:07:21
159阅读
因为 Electron 的源在国外，如果我们直接使用 npm 进行安装，由于众所周知的原因，如果你没有一个好的梯子，通常下载速度只有几 k 到十几 k的速度。如图：运气非常好时，可能能跑到100多k。而这个包有差不多 50MB，可想而知，如果是以几k的龟速，不知道要下载到猴年马月。反正有一次晚上项目更新，由于我之前把它玩坏了，需要全部重新下载，然后启动项目的
转载
2024-03-01 15:24:33
449阅读
场景在electron中集成axios后，发现axios不能读取到set-cookie响应头，且axios也无法写入Cookie响应头。原因Chromium中不支持跨站访问HttpOnly的Cookie，electron有两种进程一个是主进程，一个是渲染进程，它的渲染进程就是Chromium的进程，主进程是是NodeJS的进程。electron是使用Chromium的进程来渲染界面的，故axios
文章目录打包配置界面配置窗口配置自定义顶部栏 vue+electron项目，对软件进行配置，包括打包图标、名称等；自定义窗口最小化、全屏、退出软件、界面信息传递等 打包配置在vue.config.js文件中// vue.config.js默认配置
const { defineConfig } = require('@vue/cli-service')
module.exports = de
