electron学习笔记

electron:大前端背景下,用node.js做桌面端app的工具

1、安装:npm i electron

实际上是chromium + Node.js

2、创建一个窗口

3、主进程(操作硬件等,commonJS)与渲染进程(渲染页面,ES6)

主进程生命周期:activete、window-all-closed

监听方式:app.on('activate', ()=>{...})

4、在渲染进程中使用node.js模块(写文件等):在webPreference中引入预加载模块preload.js,node.js代码可以写在preload中。

preload.js:

通过contextBridge可以将获取到的变量挂载到window上,渲染进程app.js中就可以通过window.xxx(如:window.myApi.platfrom)获取到值了。

5、主进程和渲染进程通信:ipc

注意:preload是渲染进程中的,渲染进程中的electron只能获取到如下api:

所以在preload中无法从electron中解构出ipcMain

统一使用异步加载。

主进程文件main.js里写主进程通信代码:

preload.js里写渲染进程代码:

app.js里触发handleSend:

6、其他一些electron功能见文档:简介 | Electron (electronjs.org)

相关推荐
方见华Richard6 分钟前
方见华:在递归的暗夜里,把自己活成一束光
人工智能·经验分享·笔记·学习方法·空间计算
zzcufo9 分钟前
多邻国学习笔记第五阶段第10-11部分
笔记·学习·c#
BlackWolfSky14 分钟前
鸿蒙中级课程笔记2—状态管理V2—@ObservedV2装饰器和@Trace装饰器:类属性变化观测
笔记·华为·harmonyos
航Hang*34 分钟前
计算机等级考试(二级WPS)---第1章:综合应用基础---第2节:PDF文件应用
笔记·学习·pdf·wps·计算机二级·计算机等级考试
zhangrelay36 分钟前
Linux(ubuntu)如何锁定cpu频率工作在最低能耗模式下
linux·笔记·学习
三伏52244 分钟前
Cortex-M3权威指南Cn第四、五章——笔记
笔记·cortex-m3
老神在在0011 小时前
Token身份验证完整流程
java·前端·后端·学习·java-ee
轴测君1 小时前
MobileNet V1
人工智能·pytorch·笔记
ValidationExpression1 小时前
学习:词嵌入(Word Embedding / Text Embedding)技术
python·学习·ai
Aliex_git2 小时前
Claude Code 使用笔记(一)- 配置和基础
人工智能·笔记·学习·ai编程