前言 Electron 是一个可以使用 Web 技术如 JavaScript.HTML 和 CSS 来创建跨平台原生桌面应用的框架.借助 Electron,我们可以使用纯 JavaScript 来调用丰富的原生 APIs. 一个 electron-react 栗子…

一.main process 和 web page 通信 electron框架主进程(Main Process)与嵌入的网页(web page,也就是renderer process)之间的通信 Main.js里添加代码 //通信模块,mian process与renderer process(web page) const {ipcMain} = require('electron') //监听web page里发出的message ipcMain.on('asynchronous-messa…

1.获取当前设备的屏幕可用区域的分辨率winW=electron.screen.getPrimaryDisplay().workAreaSize.widthwinH=electron.screen.getPrimaryDisplay().workAreaSize.height 2.主进程和渲染进程通信或渲染进程之间通信,除使用ipc外,还可使用remote和global结合,例如:(1)获取第一步:在主进程中定义electron的全局变量global.sharedObject = { newTe…

最近转入零售行业开发了一系列产品,包含便利店收银软件.会员系统.供应链系统.为了追赶潮流,收银软件使用了electron平台开发,界面效果.开发效率确实不错:但是涉及到串口通讯时遇到了麻烦,electron不能直接使用node.js的串口模块.网上有一些文章推荐编译electron源码来实现串口模块的集成,向这条路走的过程中发现困难重重,尝试多次都没有成功,于是放弃. 经过一系列的google并测试后,终于通过调用第三方应用程序的方式实现:electron启动C#开发的程序.C#程序直接与串口通…

如何实现electron多页面间通信 1,业务需求: 总共有两个页面,页面A显示数据,页面B处理数据,主线程Main 2,实现的技术方案: 在主线程中打开页面A和B,B页面不进行显示,主要负责处理从A页面发送到主线程Main上的数据,然后B将数据处理完成之后,再次将数据送到主线程Main上,主线程Main将数据再将数据转发到页面A上,页面A进行数据展示. 注意:在electron中页面A和页面B无法进行通信.必须依托于上述解决方案. 3,多页面消息传递流转图 4,伪代码实现 主线程 const…

上一篇讲了使用electron进行打包的配置相关文件,这篇主要讲electron中很重要的通信方式. 首先解释一个概念: electron打包的应用包含两个部分 electron的环境(node),也就是主进程. web渲染环境,副进程. 这两个环境之间是相互隔离的,无法直接进行数据通信,所以有了这篇文章. 三个角色: ipcRender ipcMain webContents ipcRenderer用于渲染进程 ipcRenderer.on(channel, listener) --> cha…

效果展示 项目背景: 由于浏览器的限制,web批量下载体验不好以及无法下载文件夹.采用Electron技术,通过js开发PC应用程序,着力解决批量下载.断点续传.文件夹下载等问题.配合网页版网盘使用,单个小文件使用浏览器内置下载,单个大文件.多文件.文件夹调用PC应用程序,提升下载体验. 技术栈 Electron项目的目的,是为了要避免使用 vue 手动建立起 electron 应用程序.electron-vue 充分利用 vue-cli 作为脚手架工具,加上拥有 vue-loader 的 we…

这几天学习了一下Elctron,对于这个应用有了一点简单的认识,将这个过程记录一下. 首先,electron会加载main.js,在这里将整个程序启动,相当于其他程序的main函数了. 我是基于electron-api-demos来简单改写的,所以将服务器端放到了main-process文件夹,在这个文件夹中的js文件,会在启动的时候被require进来,驻在后台,可以通过设置断点调试了.PS:使用的是VS Code 然后就是使用IPC通信来完成这个服务器端的工作,ipcMain在服务器端的接收…

目录结构: index.js是主进程js. const electron = require('electron') const app = electron.app const BrowserWindow = electron.BrowserWindow //主进程 const ipc = require('electron').ipcMain; app.on('ready',function(){ var mainWindow = new BrowserWindow({ width: 800…

目前工作遇到个问题: .net做的exe和electron做的exe,之间进行数据通信 目前找到两个相对方便的方法: 1.命名管道 ①.net命名管道资料: 进程间通信 - 命名管道实现 ②electron 之 nodejs 命名管道资料: 使用nodejs,用法跟tcp一样,不过就是监听的时候,tcp是端口号,而命名管道是"\\.\pipe\" + PIPE_NAME;这种形式: 客户端连接也是用管道名称去连接,而不是tcp的那种端口号: 在windows平台下,命名管道和tcp方法…