electron-vue 之渲染进程调用主进程的变量

最新推荐文章于 2025-08-17 13:52:26 发布
原创 最新推荐文章于 2025-08-17 13:52:26 发布 · 2.1k 阅读 · 1 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文介绍了如何在Electron应用中通过远程模块（remote）实现在主进程和渲染进程之间的进程间通讯（IPC）。首先在主进程中引入并定义了SerialPort全局变量，然后在渲染进程的Vue组件中通过window.electron.remote.getGlobal方法获取该变量，从而在网页中使用SerialPort进行串口通信，经测试成功实现了通讯。

remote 模块提供了一种在渲染进程（网页）和主进程之间进行进程间通讯（IPC）的简便途径。

1、在主进程中定义SerialPort 全局变量

 global.SerialPort = require('serialport')

在这里插入图片描述
2、在渲染进程vue中引用该变量

window.Serialobj = window.electron.remote.getGlobal('SerialPort');  //从主进程暴露SerialPort全局变量取得串口引用

在这里插入图片描述
3、允许测试，成功获取该变量
在这里插入图片描述

【Electron】vue+electron如何实现进程间的通信
梅花寺
09-14 1839
本文主要介绍electron渲染进程和主进程间的通信，以及在渲染进程和主进程中常用的配置项。
Electron主进程渲染进程间通信的四种方式
老电影故事的博客
01-06 8785
在中进程使用和模块，通过开发人员定义的“通道”传递消息来进行通信。新的版本中推荐使用上下文隔离渲染器进程进行通信，这种方式的好处是无需在渲染进程中直接使用发送消息，这种在渲染进程中调用nodejs对象的方法对于渲染进程有侵入性。当我们使用或者其他前端框架开发界面时，上下文隔离方式使用起来更加方便，基本上感受不到对前端框架的影响。
electron渲染进程、主进程相互传值
weixin_50307964的博客
02-07 346
theme: fancy 在electron中分为渲染进程和主进程； 渲染进程就是浏览器环境，主进程就是node环境 既然他们是不同的环境，那么为我们怎么让他们相互关联起来呢？或者说怎么传递值？ 毕竟在开发中可能会遇到我想要的值只能在node环境中才能获取，然后node中可能也会需要浏览器环境的值；这个时候就需要两个环境联通起来相互传值 浏览器传值给主进程 浏览器环境 引入: j...
python3多进程_Python3多进程共享变量实现方法
weixin_39939303的博客
12-04 478
今天同事反映一个问题让帮忙看一下：多进程共用一个变量，在一个进程中修改后，在另外的进程中并没有产生修改。一、错误的实现方式最初以为是没添加global声明导致修改未生效，但实际操作发现global方式在多进程中也只能读不能写。错误示例代码如下：importmultiprocessing#声明一个全局变量share_var = ["start flag"]defsub_process(process...
electron进程通信之预加载脚本和渲染进程对主进程通信
weixin_45799605的博客
01-02 1057
【代码】electron进程通信之预加载脚本和渲染进程对主进程通信。
electron创建新窗口（模态框）并相互传值，主进程传值给子进程
weixin_50307964的博客
02-14 6072
我们在开发的过程中难免会遇到需要创建一个子窗口（子进程），但是在这个子进程中所有值都是初始化的，而我们肯定是需要一些值才能进行下一步操作，比如：token；那么我们怎么去传递值呢？我先给伙伴们说一些，基本原理（下面很多东西会建立在vue的基础上，如果是其他框架就自行修改就行），然后再给大家根据代码一步一步操作。大家看到这儿可能觉得很麻烦，但是如果我们在创建新窗口的时候就传递值的话，可能子进程的渲染进程拿不到值；所以我们当时搞了这种方法，目前运行半年以上基本上都没得问题；
Electron 渲染进程直接调用主进程的API库@electron/remote引用讲解
王森的博客
07-22 2055
remote是个老库，早期Electron版本中有个remote对象，这个对象可以横跨所有进程，随意通信，后来官方认为不安全，被干掉了，之后有人利用Electron的IPC通信，底层通过Promise的await能力，模拟了一个类似的remote对象，即@electron/remote没有当年的remote那么强大，但是也很好用，当然，若觉得自己生命值较长，可以不屑一顾，自己再造轮子。
electron + vue3 + vite 渲染进程到主进程的单向通信
狼性书生
03-07 1038
用示例讲解下Electron-forge + vue3 + vite 渲染进程到主进程的单向通信
Electron安全上传方案：主进程隔离OSS
最新发布
chaoxxggg的博客
08-17 1211
在 Electron 开发中推荐的、更安全、更专业的做法。将敏感操作（如文件上传和密钥处理）完全隔离在主进程中，渲染进程只负责 UI 和与用户的交互，并通过预加载脚本这道安全的桥梁进行通信。下面，我将为您详细展示如何实现这个模式的前端部分，并对每一部分代码进行详尽的解释。ali-ossSDK、你的后端 API 地址、甚至任何与 OSS 相关的逻辑都中。这意味着即使渲染进程被 XSS 攻击，攻击者也无法获取你的任何密钥或上传逻辑。
Electron webview 内网页 与 preload、 渲染进程、主进程的常规通信 以及企业级开发终极简化通信方式汇总
王森的博客
10-17 4230
preload.js 就像插件的 content script 与网页的原生的环境还是隔离的，两个环境的变量互不影响，比如在 preload.js给 window 追加一个函数A，在原生网页中window.A 是 undefined，所以 preload.js 是沙盒环境。实际代码，其中__static就是我们存放静态文件的地方，这个 static 是 electron 源代码根目录下的文件，最终打完包后会放在 dist/electron/ 根目录下。
ubuntu 强制结束 pycharm
热门推荐
wzg2016的博客
08-14 1万+
有时在ubuntu下使用pycharm突然卡了，因此需要强制关闭pycharm 步骤如下： step1: 打印所有当前横在运行的进程 ps -ef 可以看到如下列表： 表中绿框部分是每个进程的编号，红色方框是找到的关于pycharm的进程。 step2: 杀死pycharm的相关进程 kill -s 9 29368 kill -s 9 29426 kill -s 9 29479 kill -s 9 29619 其中kill的命令参数 “-s 9 ” 表示强制、尽快终止进程。各个终止信
electron 主进程与渲染进程通讯
嘿嘿
07-08 3359
Electron 基本应用
Electron入门宝典（四）主进程与渲染进程之间的通信
长夜漫漫，无心睡眠
04-23 2698
目录 一.介绍 二.渲染进程执行主进程里的方法（异步） 三.渲染进程执行主进程里的方法，主进程给渲染进程反馈处理结果（异步） 四.渲染进程和主进程通信（同步） 五.主进程通知渲染进程执行操作 六.通过主进程渲染进程的通信改造右键菜单 一.介绍 有时候我们想在渲染进程中通过-一个事件去执行主进程里面的方法。或者在渲染进程中通知主进程处理事件，主进程处理完成后广播-个事件让渲染进程去处理一-些事情。这个时候就用到了主进程和渲染进程之间的相互通信。 用到的两个模块： ipcMain : 当
Electron基础
qq_41453709的博客
09-19 534
Electron基础
Electron中通过process进程对象的api获取CPU、系统位数、环境变量等相关信息
BADAO_LIUMANG_QIZHI的博客
05-30 3990
场景 场景 用HTML和CSS和JS构建跨平台桌面应用程序的开源库Electron的介绍以及搭建HelloWorld： https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/106413828 Electron怎样进行渲染进程调试和使用浏览器和VSCode进行调试： https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/106414541 在上面搭建好项目以及知道怎样进行调
vue+electron中进程通讯的三种方法
weixin_42012429的博客
06-20 2116
在主进程中添加来自渲染进程的事件监听，同事在渲染进程中监听来自主进程的事件const {//对渲染进程触发的事件进行监听 dialog . showOpenDialog({title , //可选弹出对话框的标题 filters : [ {
electron监听网页_Electron 进程通信
weixin_30725317的博客
12-30 1879
本文作者：IMWeb laynechen未经同意，禁止转载Electron 中的进程分类在 Electron 中，存在两种进程：主进程和渲染进程。主进程 (Main Process)一个 Electron 应用只有 一个主进程当我们执行 electron . 命令后， Electron 会运行当前目录(.)下的 package.json 文件中 main 字段指定的文件。而运行该文件的进程既是主进...
Electron中设置菜单(Menu)，主进程向渲染进程共享数据
qq_35149975的博客
09-03 2488
需求分析：设置主窗口的应用菜单以及鼠标的右击菜单，同时要求实现在应用菜单中开启打开调试工具(当用户自定义应用菜单时，应用菜单中的打开调试工具便会被取代)，并设置快捷键F12 实现看看主进程main.js: var electron = require('electron') // 引入electron模块 var app = electron.app // 创建electron引用 var BrowserWindow = electron.BrowserWindow; // 创建窗口引用 .
学习记录：electron主进程与渲染进程直接的通信示例【开箱即用】
weixin_45550881的博客
12-19 701
electron+vue实现桌面应用开发。
【无标题】
小dobby
06-21 450
Electron13 + Vue3 中 process 读取系统环境变量的问题
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Yfw&武

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值