// 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...
IPC(Inter-Process Communication,进程间通信)是Electron中用于主进程和渲染进程之间通信的机制。Vue作为前端框架,可以与Electron的IPC机制结合使用,实现前后端的通信。 相关优势 分离关注点:主进程和渲染进程的分离使得代码更加模块化,便于维护和扩展。 性能优化:通过IPC通信,可以有效减少不必要的数据传输,提高应用性能。
electron-vue-event-manager 于是解决方案出现了,electron-vue-event-manager是个基于electron-vue的事件管理器 可以让你在任意地方创建监听器,在任意地方触发它(发起广播) 它能解决如下问题 主进程与渲染进程通信 渲染进程自身的通信 (同一窗口内Vue组件之间) 渲染进程与其他渲染进程通信 (不同窗口之间) 初始化 既然...
将主进程作为渲染器之间的消息代理。 这需要将消息从一个渲染器发送到主进程,然后主进程将消息转发到另一个渲染器。 从主进程将一个 MessagePort 传递到两个渲染器。 这将允许在初始设置后渲染器之间直接进行通信。 Electron与Vue进程通信 上面我们介绍了Electron的四种进程间通信方式,那么将Electron和Vue结合起来,其...
渲染进程:在普通的浏览器中,web页面通常在沙盒环境中运行,并且无法访问操作系统的原生资源。 然而 Electron 的用户在 Node.js 的 API 支持下可以在页面中和操作系统进行一些底层交互 主进程:能管理着系统原生元素比如菜单,菜单栏,Dock 栏,托盘等 提示:需要有vue基础 ...
新的版本中electron推荐使用上下文隔离渲染器进程进行通信,这种方式的好处是无需在渲染进程中直接使用ipcRenderer发送消息,这种在渲染进程中调用nodejs对象的方法对于渲染进程有侵入性。当我们使用vue或者其他前端框架开发界面时,上下文隔离方式使用起来更加方便,基本上感受不到electron对前端框架的影响。
渲染进程向渲染进程通信 通知事件 通过主进程转发(Electron 5之前) ipcRenderer.sendTo(Electron 5之后) 数据共享 web技术(localStorage、sessionStorage、indexedDB、可嵌入型数据库等) 使用remote(尽量少用,容易影响性能) 公司使用的是vue,所以选择了electron-vue作为开发的框架。它已经将electron和vue两者结合起来,可以...
Electron 主进程,和渲染进程的通信主要用到两个模块:ipcMain 和 ipcRenderer ipcMain:当在主进程中使用时,它处理从渲染器进程(网页)发送出来的异步和同步信息, 当然也有可能从主进程向渲染进程发送消息。 ipcRenderer: 使用它提供的一些方法从渲染进程 (web 页面) 发送同步或异步的消息到主 ...
alert('执行')this.$electron.ipcRenderer.send('toMain','我是渲染进程里面的数据') }, openUrl(event){ console.log(event.srcElement.href)varlinkUrl=event.srcElement.href;this.$electron.shell.openExternal(linkUrl); }, runNode(){vardir=path.join('/aaaa','xxxx'); ...