Electron新版本中的remote模块

Electron新版本：远程模块助力主进程与渲染进程通信
最新推荐文章于 2025-06-26 17:44:37 发布
最新推荐文章于 2025-06-26 17:44:37 发布
阅读量383 收藏
点赞数
CC 4.0 BY-SA版权
文章标签： electron javascript 前端 Electron
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/XwyMysql/article/details/133622196
Electron 专栏收录该内容
56 篇文章 ¥59.90 ¥99.00
订阅专栏
Electron框架允许开发者使用Web技术构建桌面应用。新版本中，remote模块成为主进程与渲染进程间通信的关键，它简化了调用主进程功能和访问数据的过程。在主进程启用remote模块后，渲染进程可通过示例代码所示方式发送和接收消息。然而，新版本默认禁用remote，需手动启用，并考虑使用沙箱模式提升安全性。

Electron是一个跨平台的桌面应用程序开发框架，它使用Web技术（HTML、CSS和JavaScript）来构建应用程序。它提供了一种使用Chromium和Node.js来创建桌面应用程序的方式。

在Electron的新版本中，remote模块是一个重要的特性，它允许在主进程和渲染进程之间进行通信。它提供了一种简单而强大的方式来调用主进程的功能，访问主进程的模块和数据。

要使用remote模块，首先需要在主进程中启用它。在主进程的入口文件中，添加以下代码：

const {
   
    app, BrowserWindow, ipcMain } = require('electron');
了解本专栏 订阅专栏 解锁全文
使用Electron的Remote模块开发桌面应用
XwyMysql的博客
09-16 213
Electron是一个流行的开发桌面应用程序的跨平台框架，它结合了Web前端技术和Node.js，可以使用HTML、CSS和JavaScript构建功能丰富的桌面应用。在Electron中，Remote模块允许我们在主进程和渲染进程之间进行通信，以便实现更灵活和强大的应用功能。通过以上示例，我们演示了如何使用Electron的Remote模块在主进程和渲染进程之间进行通信。在这个示例中，我们简单地打印出从渲染进程传递的参数，并返回一个字符串作为响应。在这个示例中，我们简单地将主进程返回的结果打印到控制台。
Electron常见问题 56 - 如何启用 Electron 中的 remote 模块
liuzhen007的专栏
03-11 947
问题 Electron 中的 remote 模块在 9.x 之前的版本都是默认开启的，我们可以非常方便的使用 remote 模块的相关方法。但是从 10.x 开始，remote 模块虽然没有被删除但是默认是关闭的，我们需要主动开启。具体如何操作呢？就是我们今天讨论的内容。 解决 熟悉 Electron 的小伙伴都知道，Electron 中的 remote 模块在 9.x 之前的版本默认都是开启的，但是从 10.x 开始，remote 模块默认是关闭的。 ...
Electron学习：新版本electron使用remote
weixin_40995362的博客
06-01 1245
新版本electron中使用remote
Eelectron 中的remote模块
分享前端工程化、动效魔法与性能之舞！
04-15 6410
1. 模块分类 在Electron中的模块有些只能在主进程中使用、有些只能在渲染进程中使用、只有一小部分模块在主进程和渲染进程中都可以使用，主要分类如下： 2. remote模块 Electron 中与 GUI 相关的模块只存在于主进程，而不在渲染进程中 ，为了能从渲染进程中使用它们，需要给主进程发送进程间消息。remote 模块提供了一种在渲染进程和主进程之间进行进程间通讯的简便途径，使用 remote 模块，可以调用主进程对象的方法，而无需显式地发送进程间消息，这类似于 Java 的 R.
electron ＞ 14.0.0版本使用remote
console_abc的博客
02-07 385
目的为了解决因版本问题导致的remote不兼容 例：在global中新增shareObj，方便后续渲染进程和主进程可以同时更改。下载@electron/remote。主进程中创建主窗口函数中加载。
electron组件通讯：使用@electron/remote，直接操作electron
九段刀客的博客
10-17 1224
electron组件通讯
解决 Electron 14 之后版本使用 remote 模块报错
你渴望力量吗？
03-23 2309
Electron使用remote模块报错
lowdb在高版本electron下使用remote模块
Codewarning
01-22 894
在electron10及更高版本中移除了remote模块，使用lowdb需要注意remote模块的导入以及初始化问题。
探索 `@electron/remote`：跨进程通信的利器
gitblog_00062的博客
08-16 540
探索 @electron/remote：跨进程通信的利器 项目介绍 @electron/remote 是一个为 Electron 框架设计的模块，它实现了从主进程到渲染进程的 JavaScript 对象桥接。通过这个模块，开发者可以在渲染进程中直接访问原本只能在主进程中使用的对象，极大地简化了跨进程通信的复杂性。 项目技术分析 @electron/remote 的核心功能是提供一种简化的方式来进行...
electron的Remote模块
热情、奔放、快乐编程！
05-17 1265
在渲染进程里（比如index.html里面加载了一些，那里面的如果要使用到这些属性的话就必须使用remote使用remote模块, 你可以调用main。
electron新旧版对remote的使用
qq_48384411的博客
08-25 2730
electron新旧版本对remote的使用
【Electron】electron+react的插件@electron/remote用法，在渲染进程直接调用主进程的API
最新发布
m0_69892739的博客
06-26 660
electron的remote是一个electron模块，它将JavaScript对象从主进程桥接到渲染进程，是在electron 14.0.0版本之前使用！在electron 14.0.0以后，remote这个模块已经被废弃；后续的版本官方建议直接去使用主进程和渲染进程之间的IPC通信来实现【IPC通信稍后后续讲解，并且为什么废弃remote】我这个是在一个空的文件夹下安装的，方便从外网迁移到内网的项目中，可以把remote相关的直接迁移到你的内网进行使用【因为我内网没办法进行直接安装】；
electron获取不到remote
p1967914901的博客
07-12 1608
electron获取不到remote 问题 // 渲染进程 let remote = require('electron').remote console.log(remote) // undefined 原因 版本问题，可以看到在老的版本的说明文档里面还有这个，在新的版本的说明文档里面没有这个了 解决 实际是remote模块默认关闭， 必须手动设置webPreferences中的enableRemoteModule为true之后 mainWindow = new BrowserWindow({
electron与remote（获取不到remote）
weixin_41646815的博客
09-11 4264
项目场景： electron改变窗口大小 问题描述： const remote = window.require('electron').remote // remote is undefined 在外部引入的js中获取不到remote, 在main.js中也获取不到remote模块 原因分析： 可能是版本的问题，现在用的是10.0.0版本 解决方案： 在main.js主程序中 win = new BrowserWindow({ webPreferences: {
electron 项目 remote 问题解决
wandoumm的博客
12-30 1377
高版本 require(electron).remote.BrowserWindow 报错 undefined，是因为从V14开始移除了remote，要使用的话需用通过npm引入。
Electron Remote 项目使用教程
gitblog_00865的博客
08-16 526
Electron Remote 项目使用教程 1. 项目的目录结构及介绍 Electron Remote 项目的目录结构如下： remote/ ├── .github/ │ └── workflows/ ├── docs/ ├── examples/ ├── lib/ ├── script/ ├── test/ ├── .gitignore ├── .npmrc ├── .prettierrc...
Electron 进程间通信
u011705725的博客
10-08 1029
Electron 桌面应用有两个进程，分别为主进程和渲染进程。 一、主进程和渲染进程介绍 主进程(Main Process) 应用启动时，会创建个主进程 一个应用有且只有一个主进程 只有主进程可以进行 GUI 的 API 操作，即调用 Native APIs 渲染进程(Renderer Process) Windows 中展示的界面通过渲染进程表现，DOM 操作，node js 一个应用可以有多个渲染进程 要通过主进程才可以访问原生 API(Native APIs)，要先跟主进程进行 ipc 通信
使用最新版本的 Electron 时遇到的 remote 问题
AxCybersecurity的博客
09-19 564
remote 是 Electron 提供的一个模块，用于在主进程和渲染进程之间进行通信。然而，在最新版本的 Electron 中，remote 模块发生了一些变化，导致以前的代码可能会出现问题。以前，我们可以直接使用 remote 模块来访问主进程的功能，例如调用主进程的方法或访问主进程的全局变量。通过使用 IPC，我们可以实现渲染进程和主进程之间的通信，而无需依赖 remote 模块。通过使用 IPC，我们可以实现渲染进程和主进程之间的通信，而无需依赖 remote 模块。
electron最新版本废弃了remote，那在electron-vue里如何实现打开文件文件夹以及添加文件
07-14
在 的最新版本中，确实废弃了 remote 模块。如果你使用的是 electron-vue 框架，可以通过以下方法来实现打开文件和文件夹的功能： 1. 打开文件： 你可以使用 `dialog` 模块的 `showOpenDialog` 方法来打开文件选择对话框，并获取用户选择的文件路径。以下是一个示例代码： ```javascript const { dialog } = require('electron') dialog.showOpenDialog({ properties: ['openFile'] }).then(result => { const filePaths = result.filePaths // 在这里处理选择的文件路径 }).catch(err => { console.log(err) }) ``` 2. 打开文件夹： 你可以使用 `dialog` 模块的 `showOpenDialog` 方法，设置 `properties` 为 `['openDirectory']` 来打开文件夹选择对话框，并获取用户选择的文件夹路径。以下是一个示例代码： ```javascript const { dialog } = require('electron') dialog.showOpenDialog({ properties: ['openDirectory'] }).then(result => { const folderPath = result.filePaths[0] // 在这里处理选择的文件夹路径 }).catch(err => { console.log(err) }) ``` 3. 添加文件： 要添加文件到 Electron 应用中，你可以使用 Node.js 的 `fs` 模块来读取和写入文件。以下是一个示例代码： ```javascript const fs = require('fs') const path = require('path') // 读取文件 fs.readFile('path_to_file', 'utf-8', (err, data) => { if (err) { console.error(err) return } console.log(data) }) // 写入文件 const content = 'Hello, Electron!' fs.writeFile('path_to_file', content, 'utf-8', (err) => { if (err) { console.error(err) return } console.log('文件已保存') }) ``` 请注意替换示例代码中的 `'path_to_file'` 为实际的文件路径。 希望这些信息能帮到你！如果还有其他问题，请随时提问。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值