渲染进程向主进程通信

ipcMain

渲染进程

import { ipcRenderer } from 'electron'
ipcRenderer.send('login')  //发送 login

主进程

import { ipcMain } from 'electron'
ipcMain.on('login', (event, arg) => {console.log(123)
}

更多ipcMain操作,参考文档地址

remote

remote是旧版本是内置的模块,
但是在新版本将被弃用,要用@electron/remote进行代替

 yarn add @electron/remote

主进程

 require('@electron/remote/main').initialize()

渲染进程使用

// 获取当前窗口属性
const { getCurrentWindow } = require('@electron/remote')

@electron/remote参考

渲染进程获取不到electron

vue.config.js

module.exports = {pluginOptions: {electronBuilder: {nodeIntegration: true}}
}

background.js设置

new BrowserWindow({width: 415,height: 450,webPreferences: {nodeIntegration: true,contextIsolation: false,enableRemoteModule: true},})

主进程向渲染进程通信

主进程
win为自己定义的窗口

  win.webContents.send('downloadProgress', 1)

渲染进程

  import { ipcRenderer } from 'electron'ipcRenderer.on('downloadProgress', (e, arg) => {console.log(arg)})

Electron渲染进程与主进程进行通信相关推荐

  1. electron 渲染进程调用主进程_万物皆可快速上手之Electron(第一弹)

    (给前端大全加星标,提升前端技能) 作者: 前端森林 公号 /  前端森林 (本文来自作者投稿) 最近在开发一款桌面端应用,用到了Electron和React. React作为日常使用比较频繁的框架, ...

  2. Electron 入门,主进程向渲染进程发送事件,渲染进程向主进程发送事件

    Electron 入门,主进程向渲染进程发送事件,渲染进程向主进程发送事件 相关教程: Electron教程(二)启动过程:主进程,渲染进程是什么 刚入门 electon ,整 electon + v ...

  3. 大概是全网最详细的Electron ipc 讲解(一)——主进程与渲染进程的两情相悦

    希沃ENOW大前端 公司官网:CVTE(广州视源股份) 团队:CVTE旗下未来教育希沃软件平台中心enow团队 「本文作者:」 image.png 前言 你盼世界,我盼望你无 bug .Hello 大 ...

  4. Electron中通过ipcMain和ipcRender实现主进程和渲染进程之间的相互通信

    场景 用HTML和CSS和JS构建跨平台桌面应用程序的开源库Electron的介绍以及搭建HelloWorld: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/a ...

  5. Electron:主进程、渲染进程以及通信

    文章目录 应用进程 主进程 渲染进程 进程通信 渲染进程访问主进程 主进程访问渲染进程 应用进程 Electron应用程序区分主进程和渲染进程. 主进程 之前我们创建的引用中,electron.js中 ...

  6. electron 主进程和渲染进程的通信

    主进程给渲染进程发送消息,得用到ipcMain和ipcRenderer,流程和vue的父子通信很像 1,渲染进程给主进程通信(异步) html里面定义一个按钮,并加载渲染进程 <button i ...

  7. 第八节 Electron主进程和渲染进程之间的通信

    系列文章目录 第一节 electron 介绍 第二节 创建electron项目并启动 第三节 Electron运行流程 . 主进程渲染进程并使用nodejs 第四节 Electron 调用H5事件结合 ...

  8. Electron 主进程和渲染进程互相通信

    对于 渲染进程 之间的通信,可见另一篇总结:Electron 渲染进程之间的通信_王俊的博客-CSDN博客_electron渲染进程之间通信 下面总结一下主进程和渲染进程之间的通信. 说明: 自主到从 ...

  9. Electron 主进程、渲染进程及进程间的通信

    简介 Electron是由GIthub开发,用HTML.CSS.JS来构建跨平台桌面应用程序的一个开源库.Electron将Chromium和Nodejs合并到同一个运行时环境中,并将其打包为Mac. ...

最新文章

  1. axure变成一个小手了_Axure原型:超漂亮的系统首页
  2. 酷狗音乐的大数据实践
  3. 再话单元测试unittest
  4. 当你刷新当前Table时,刷新后如何回到你上一次所在位置呢?
  5. Netty - 传输
  6. [原创]基于frida的脱壳工具
  7. [鸟哥linux视频教程整理]04_02_Linux 权限及权限管理
  8. Flutter MaterialButton 实现圆角边框按钮
  9. android 打印机列表中,在android中打印只搜索打印机
  10. nginx nodejs环境配置_Linux基本开发环境配置git,c++,nodejs,nginx
  11. 现代软件工程个人作业进度
  12. TI 库仑计高级篇之Chemistry 创建
  13. 联想微型计算机m73拆机,联想M73更换处理器 | 更换i3 4330t处理器_什么值得买
  14. SAP Serial Number
  15. 单片机驱动DM9000网卡芯片
  16. ipfs pubsub代码解读
  17. 如何系统地自学python100天_Github上发布了一个Python学习秘笈,从萌新到王者的100天Python学习之旅...
  18. 做PPT设计时,需优先设置好哪些功能
  19. supervisord启动子程序报错Exited too quickly (process log may have details)解决
  20. tcpdump manual 中文翻译

热门文章

  1. 计算机word文例试题及答案,大学计算机考试word试题及答案
  2. 【密码学】古代、古典密码
  3. 网格(grid)布局
  4. 在Ubuntu安装完成后更改默认的语言LANG,出现Cannot set LC_CTYPE to default locale: No such file or directory错误的解决办法
  5. iPhone系统可以降级吗?
  6. Linux 定期清理内存脚本
  7. php创建多级栏目_PHP 实现无限极栏目分类
  8. PHP实现无限极分类代码
  9. vi复制粘贴(转贴+自己总结)
  10. 【更新于12.29】深度学习论文汇总