在预加载脚本中,可以使用contextBridge和ipcRenderer来定义并暴露特定的API给渲染进程。这样,渲染进程就可以通过这些API与主进程进行通信,而无需直接访问Electron或Node.js的API。 这种方式提高了应用程序的安全性,并使得前端框架(如Vue、React等)与Electron的集成更加顺畅。 使用第三方库: 除了Electron官方提供的通信方式...
electron-vue-event-manager 于是解决方案出现了,electron-vue-event-manager是个基于electron-vue的事件管理器 可以让你在任意地方创建监听器,在任意地方触发它(发起广播) 它能解决如下问题 主进程与渲染进程通信 渲染进程自身的通信 (同一窗口内Vue组件之间) 渲染进程与其他渲染进程通信 (不同窗口之间) 初始化 既然...
// electronAPI 代表向渲染进程传递的对象命名,sendMainInfo表示向渲染进程传递一个回调函数 contextBridge.exposeInMainWorld('electronAPI',{ platform: process.platform, sendMainInfo, }); 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 修改主进程(main.js)文件 const { app, Brows...
2.渲染进程向主进程发送消息 index.html <!DOCTYPE html>myapp和主进程通信const ipc=require('electron').ipcRenderer;vaript=document.getElementById('ipt')functionconnectMain() { console.log('index.html', ipt.value); ipc.send('getMsg', ipt.value) } 主进程 const ipc = require('electron').ipc...
新的版本中electron推荐使用上下文隔离渲染器进程进行通信,这种方式的好处是无需在渲染进程中直接使用ipcRenderer发送消息,这种在渲染进程中调用nodejs对象的方法对于渲染进程有侵入性。当我们使用vue或者其他前端框架开发界面时,上下文隔离方式使用起来更加方便,基本上感受不到electron对前端框架的影响。
渲染进程:在普通的浏览器中,web页面通常在沙盒环境中运行,并且无法访问操作系统的原生资源。 然而 Electron 的用户在 Node.js 的 API 支持下可以在页面中和操作系统进行一些底层交互 主进程:能管理着系统原生元素比如菜单,菜单栏,Dock 栏,托盘等 提示:需要有vue基础 ...
在electron中进行使用 ipcMain 和 ipcRenderer 模块,通过开发人员定义的“通道”传递消息来进行通信。新的版本中electron推荐使用上下文隔离渲染器进程进行通信,这种方式的好处是无需在渲染进程中直接使用ipcRenderer发送消息,这种在渲染进程中调用nodejs对象的方法对于渲染进程有侵入性。当我们使用vue或者其他前端框架开发界面...
Electron 主进程,和渲染进程的通信主要用到两个模块:ipcMain 和 ipcRenderer ipcMain:当在主进程中使用时,它处理从渲染器进程(网页)发送出来的异步和同步信息, 当然也有可能从主进程向渲染进程发送消息。 ipcRenderer: 使用它提供的一些方法从渲染进程 (web 页面) 发送同步或异步的消息到主 ...
渲染进程向渲染进程通信 通知事件 通过主进程转发(Electron 5之前) ipcRenderer.sendTo(Electron 5之后) 数据共享 web技术(localStorage、sessionStorage、indexedDB、可嵌入型数据库等) 使用remote(尽量少用,容易影响性能) 公司使用的是vue,所以选择了electron-vue作为开发的框架。它已经将electron和vue两者结合起来,可以...