Electron 企业级开发通信与本地存储实用解决方案

背景

之前写了一篇Electron通信的方式,讲述了一下三者之间的通信机制,比较恶心,后来发现有个@electron/remote,

Electron 渲染进程直接调用主进程的API库@electron/remote引用讲解-CSDN博客文章浏览阅读58次。remote是个老库,早期Electron版本中有个remote对象,这个对象可以横跨所有进程,随意通信,后来官方认为不安全,被干掉了,之后有人利用Electron的IPC通信,底层通过Promise的await能力,模拟了一个类似的remote对象,即@electron/remote没有当年的remote那么强大,但是也很好用,当然,若觉得自己生命值较长,可以不屑一顾,自己再造轮子。https://blog.csdn.net/wangsenling/article/details/140616875

可以让渲染进程直接访问主进程,但遗憾的是,preload.js无法使用这个库,webview更是不可能直接触达主进程,总要通过preload.js绕一圈才能找到渲染进程。为此,我们需要一个新的方式,来解决所有通信链路的问题。

​​​​​​​​​​​​​​Electron webview 内网页 与 preload、 渲染进程、主进程的常规通信 以及企业级开发终极简化通信方式汇总-CSDN博客文章浏览阅读2.2k次,点赞2次,收藏5次。preload.js 就像插件的 content script 与网页的原生的环境还是隔离的,两个环境的变量互不影响,比如在 preload.js给 window 追加一个函数A,在原生网页中window.A 是 undefined,所以 preload.js 是沙盒环境。实际代码,其中__static就是我们存放静态文件的地方,这个 static 是 electron 源代码根目录下的文件,最终打完包后会放在 dist/electron/ 根目录下。_electron webviewhttps://blog.csdn.net/wangsenling/article/details/133884639

思路 

1. 就像vuex的诞生一样,没有vuex的时候,只能通过父子通信,后来层级太多,有了子子孙孙,一层层汇报显得不可能,同理多webview,多子进程,多渲染进程相互之间如何通信,只要有个中转站即可。

2. 上文已经写明,通过websocket对所有节点进行互联,无论你是子进程(用可执行文件创建的子进程,本身可以发送fetch或request请求,甚至有些可以实现websocket连接),渲染进程和webview自然支持websocket,但是需要修改CSP,CSP怎么修改,我们留在后面的内容讲解,https中访问http需要去除安全机制。

具体实现

消息中转websocket服务

1. 主进程实现websocket服务, `"ws": "6.2.2",` 这个版本比较稳,其他版本会报错,这个大致结构已经给了,就是每个接入的client都要带着自己的名字进行握手,一般通过url的path进行获取,不起名字后续无法实现消息中转。

const WebSocket = require('ws')let isBusy = 0
const clients = new Map()function wssInit() {// 创建 WebSocket 服务器const wss = new WebSocket.Server({ port: 59296 })wss.on('listening', () => {console.log('WebSocket Server start')})wss.on('error', (error) => {console.error('WebSocket Server Error:', error.message)// 服务器发生错误时,关闭服务器并重启wss.close(() => {setTimeout(wssInit, 1000) // 设置1秒的延迟,避免过于频繁的重启})})// 当有新的 WebSocket 连接时wss.on('connection', (ws) => {console.log('WebSocket connection established with Webview')const clientId = getClientName()clients.set(clientId, ws)// 监听从 Webview 收到的消息ws.on('message', (message) => {})// 连接关闭时的处理ws.on('close', () => {clients.delete(clientId)console.log('WebSocket connection with Webview closed')});})// 监听服务器关闭事件,并自动重启wss.on('close', () => {console.log('WebSocket Server closed')setTimeout(wssInit, 1000) // 设置1秒的延迟,避免过于频繁的重启})
}

本地数据CURD的Http服务

可以引入Express框架,实现本地化的Http服务,这样所有的客户端都可以直接操作数据库,而不必绕一大堆通信

这样渲染进程就可以访问主进程中的sqlite,且还可以阻塞式请求,相当Nice,通信链路大大降低,开发复杂度大大降低,产出bug率大大降低

 未来展望

1. websocket  & http 服务可以进行合并为一体,通过python的fastapi框架,可直接打包成一个可执行文件,windows下就是一个大概6M左右的exe文件,直接通过子进程运行,会将大量代码从主进程抽离,来减轻主进程未知异常和内存溢出的问题,说实话Electron做得是真柔弱,一不小心就内存溢出,崩溃给你看,对于纯前端开发,上手容易,深入太难!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/web/47791.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

蓝队黑名单IP解封提取脚本

应用场景:公司给蓝队人员一个解封IP列表,假如某个IP满足属于某某C段,则对该IP进行解封。该脚本则是进行批量筛选出符合条件的白名单IP 实操如下:公司给了一个已经封禁了的黑名单IP列表如下(black) 公司要求…

高清视频,无损音频,LDR6023——打造极致视听与高效充电的双重享受!

Type-C PD(Power Delivery)芯片是一种支持USB Type-C接口规范的电源管理单元,其主要功能包括: 快速充电:Type-C PD芯片支持高功率传输,能够提供更快的充电速度,使电子设备在短时间内充满电&…

微信小程序:多图片显示及图片点击放大,多视频显示

微信小程序&#xff1a;多图片显示及图片点击放大&#xff0c;多视频显示 01 多图片显示及图片点击放大02 多视频03 全部代码 01 多图片显示及图片点击放大 <view><view class"title">图片&#xff1a;</view><block wx:if"{{photoUrlList…

源码搭建国内微短剧系统(APP+小程序)云存储配置流程

国内微短剧系统很多人不知道云存储和配置的操作流程&#xff0c;我整理了一份非常详细的操作文档流程&#xff0c;给大家介绍短剧系统云存储配置的详细操作流程。顺便推荐一下国内微短剧系统。 推荐下他们的开源地址&#xff1a;https://gitee.com/nymaite_com_2878868888/tjg…

CrowdStrike更新致850万Windows设备宕机,微软紧急救火!

7月18日&#xff0c;网络安全公司CrowdStrike发布了一次软件更新&#xff0c;导致全球大范围Windows系统宕机。 预估CrowdStrike的更新影响了将近850万台Windows设备&#xff0c;多行业服务因此停滞&#xff0c;全球打工人原地放假&#xff0c;坐等吃瓜&#xff0c;网络上爆梗…

适用于 Mac 或 MacBook 的最佳数据恢复软件

Apple 设计的电脑可靠且用户友好&#xff0c;但即使是最好的最新款 MacBook硬件也会出现故障。当您的存储出现问题时&#xff0c;数据恢复软件可以帮助您恢复丢失和损坏的文件。 数据丢失的另一个原因是有时会发生令人尴尬的错误。如果您不小心丢弃了所需的文件&#xff0c;然…

【RaspberryPi】树莓派Matlab/Simulink支持包安装与使用

官网支持与兼容性 Raspberry Pi Support from MATLAB - Hardware Support - MATLAB & Simulink Raspberry Pi Support from Simulink - Hardware Support - MATLAB & Simulink Matlab与树莓派兼容性 Simulink与树莓派兼容性 树莓派Matlab&Simulink RaspberryPi支…

本地部署 mistralai/Mistral-Nemo-Instruct-2407

本地部署 mistralai/Mistral-Nemo-Instruct-2407 1. 创建虚拟环境2. 安装 fschat3. 安装 transformers4. 安装 flash-attn5. 安装 pytorch6. 启动 controller7. 启动 mistralai/Mistral-Nemo-Instruct-24078. 启动 api9. 访问 mistralai/Mistral-Nemo-Instruct-2407 1. 创建虚拟…

240722视频识别红色物体

文章目录 1.实验目的2.实验思路3.实验代码4.实验结果展示1.实验目的 针对需求,拍摄视频并实时识别其中红色物体。 2.实验思路 针对HSV模型可以很好的区分色彩这一特性,所以我们可以很好的找到我们需要的ROI 3.实验代码 # @File: 13.2拍视频识别其中的红色物体.py # @Au…

Github 2024-07-22开源项目日报Top10

根据Github Trendings的统计,今日(2024-07-22统计)共有10个项目上榜。根据开发语言中项目的数量,汇总情况如下: 开发语言项目数量Python项目1Kotlin项目1Rust项目1Java项目1HTML项目1非开发语言项目1C++项目1C#项目1Lua项目1PowerShell项目1JavaScript项目1免费编程书籍和学…

【测开能力提升-fastapi框架】fastapi能力提升 - 中间件与CORS

1. 中间件 1.1 介绍&#xff08;ChatGPT抄的&#xff0c;大致可以理解&#xff09; 一种机制&#xff0c;用于在处理请求和响应之前对其进行拦截、处理或修改。中间件可以在应用程序的请求处理管道中插入自定义逻辑&#xff0c;以实现一些通用的功能&#xff0c;如身份验证、…

llama_index中使用Ollama是出现timed out 问题

现象&#xff1a; File "~/anaconda3/envs/leo_py38/lib/python3.8/site-packages/httpx/_transports/default.py", line 86, in map_httpcore_exceptionsraise mapped_exc(message) from exc httpx.ReadTimeout: timed out代码&#xff1a; from llama_index.core …

传神社区|数据集合集第7期|法律NLP数据集合集

自从ChatGPT等大型语言模型&#xff08;Large Language Model, LLM&#xff09;出现以来&#xff0c;其类通用人工智能&#xff08;AGI&#xff09;能力引发了自然语言处理&#xff08;NLP&#xff09;领域的新一轮研究和应用浪潮。尤其是ChatGLM、LLaMA等普通开发者都能运行的…

uniapp使用WebSocket发消息缓慢问题

解决发消息缓慢的问题&#xff08;第一次发消息缓慢&#xff0c;第二次开始速度正常&#xff09; 问题原因&#xff1a;1.可能是首次发消息时&#xff0c;WebSocket连接可能还在建立过程中。WebSocket连接需要经历握手&#xff08;handshake&#xff09;阶段&#xff0c;即HTTP…

Sokit(TCP/UDP调试工具)

下载&#xff1a;http://www.winwin7.com/soft/56522.html#xiazai Sokit中文版是一款免费开源的TCP / UDP 测试&#xff08;调试&#xff09;工具&#xff0c;它主要可以用于接收和发送TCP/UDP数据包&#xff0c;让你更深的了解网络状况&#xff0c;能够有效地接收、发送、转…

简析漏洞生命周期管理的价值与关键要求

开展全面且持续的漏洞管理工作&#xff0c;对于企业组织改善数字化应用安全状况&#xff0c;降低潜在风险&#xff0c;并保持数字资产的完整性和可信度至关重要。做好漏洞管理并不容易&#xff0c;组织不仅需要拥有健全的漏洞管理策略&#xff0c;同时还要辅以明确定义的漏洞管…

C++中的左值(lvalue)和 右值(rvalue),移动语义(move semantics)和完美转发(perfect forwarding)

C中的左值&#xff08;lvalue&#xff09;和 右值&#xff08;rvalue&#xff09;&#xff0c;移动语义&#xff08;move semantics&#xff09;和完美转发&#xff08;perfect forwarding&#xff09; flyfish 在C中&#xff0c;表达式可以是左值&#xff08;lvalue&#xf…

HarmonyOS应用开发者高级认证,Next版本发布后最新题库 - 多选题序号3

基础认证题库请移步&#xff1a;HarmonyOS应用开发者基础认证题库 注&#xff1a;有读者反馈&#xff0c;题库的代码块比较多&#xff0c;打开文章时会卡死。所以笔者将题库拆分&#xff0c;单选题20个为一组&#xff0c;多选题10个为一组&#xff0c;题库目录如下&#xff0c;…

全面解析:构建基于深度学习的安全帽检测系统(UI界面+YOLO代码+数据集)

注意看全文的结尾作者的声明 一、引言 1. 项目背景与动机 在建筑工地等高危场所&#xff0c;佩戴安全帽是保护工人安全的基本措施。然而&#xff0c;工人有时会忘记佩戴安全帽或者佩戴不规范。为了提高现场安全管理效率&#xff0c;我们引入了基于深度学习的安全帽检测系统&…

Linux 驱动学习笔记

1、驱动程序分为几类&#xff1f; • 内核驱动程序&#xff08;Kernel Drivers&#xff09;&#xff1a;这些是运行在操作系统内核空间的驱动程序&#xff0c;用于直接访问和控制硬件设备。它们提供了与硬件交互的底层功能&#xff0c;如处理中断、访问寄存器、数据传输等。 •…