学习electron
2021-11-08 16:29:37 11 举报
AI智能生成
electron学习笔记
作者其他创作
大纲/内容
mkdir my-electron-app && cd my-electron-app
npm init
npm install --save-dev electron
npm install electron-devtools-installer --save-dev
打开dev调试
创建项目脚手架
package.json => main 指向的文件
主进程入口
一个App有且仅有一个主进程(main.js)
主进程
可以有多个
npm install --save @electron/remote
安装单独的模块
require('@electron/remote/main').initialize()
require(\"@electron/remote/main\").enable(win.webContents)
1、主进程中引入(加载页面文件后):
2、子进程中使用:const { BrowserWindow } = require('@electron/remote')
使用
https://blog.csdn.net/qq_51634332/article/details/120575284
参考
渲染进程中打开新的窗口v12版本以后
渲染进程
外框
打开窗口
自定义顶部菜单
https://www.electronjs.org/zh/docs/latest/api/menu
v15以后通过IPC通讯
自定义右键菜单
win.removeMenu()
删除默认菜单
const { shell } = require('electron')await shell.openExternal('https://electronjs.org')
打开外部链接
自定义菜单
渲染进程使用 ipcRenderer.send 或者 ipcRenderer.invoke 发送消息主进程使用 ipcMain.on或者ipcMain.handle 接收消息
渲染进程可以发送同步 异步 消息给 主进程
主进程向渲染进程通讯主进程使用 win.webContents.send 发送消息渲染进程使用 ipcRenderer.on 接收消息
主进程只能发送异步消息 给 渲染进程
ipcRenderer.sendTo
渲染进程向渲染进程通信
主进程&渲染进程通讯
一些概念
打包&发布应用
学习electron
0 条评论
回复 删除
下一页