商业网站建设大纲,怎样制作小程序软件,it外包抽成,百度广州分公司销售岗位怎么样背景
remote是个老库#xff0c;早期Electron版本中有个remote对象#xff0c;这个对象可以横跨所有进程#xff0c;随意通信#xff0c;后来官方认为不安全#xff0c;被干掉了#xff0c;之后有人利用Electron的IPC通信#xff0c;底层通过Promise的await能力#x…背景
remote是个老库早期Electron版本中有个remote对象这个对象可以横跨所有进程随意通信后来官方认为不安全被干掉了之后有人利用Electron的IPC通信底层通过Promise的await能力模拟了一个类似的remote对象即electron/remote没有当年的remote那么强大但是也很好用当然若觉得自己生命值较长可以不屑一顾自己再造轮子。 新版remote的使用
我目前均在 electron: 22.3.6 版本来讲东西这个版本虽然有点老但是起到承上启下的作用往上改进的不多往下优化的点又很大向下不兼容所以围绕这个版本讲比较好大家可以看另外一篇完全按照步骤一步步走就能搭建好一个可以运行的Electron否则新手在搞版本兼容时搞到崩溃。Electron-Vue 脚手架避坑实录兼容Win11升级electron22清理控制台错误_electron 脚手架-CSDN博客文章浏览阅读1k次点赞10次收藏12次。electron 这东西文档乱七八糟版本迭代飞快里面技术还多得不得了但强大是真的强大好用是真的好用头疼是真的头疼搞不好就内存泄漏了问题多多踩坑多多后期我把代码整理号了发到gitee上再追加上来。npm可以设置代理如果不会的请自行搜索这里就细讲了有时候代理也不行就需要在控制台设置环境不加这个也能让你下载安装包下到怀疑人生实在搞不了安装包问题的可以私信我发node-modules。还有个热更新报错这个去年已经讲了这里就不再赘述改了即可。_electron 脚手架https://blog.csdn.net/wangsenling/article/details/138638605
第一步主进程中启用
1. 刚才也说了这是其他人通过IPC通信模拟原老版Electron中的remote对象因此就得在主进程中追加一堆监听函数用以监听渲染进程的消息学过控制翻转的应该很容易理解下面 remoteMain.initialize(); 和 remoteMain.enable(mainWindow.webContents) ,前置实例化监听函数后者根据这个窗口参数来对应创建一些事件来进行一一对应
2. 这里要注意的是主进程引入方式多了个main渲染进程引入没这东西
import {app, BrowserWindow, Menu} from electron
import * as remoteMain from electron/remote/main
import ../renderer/store
import webdriver from selenium-webdriver;remoteMain.initialize();
/*** Set __static path to static files in production* https://simulatedgreg.gitbooks.io/electron-vue/content/en/using-static-assets.html*/
if (process.env.NODE_ENV ! development) {global.__static require(path).join(__dirname, /static).replace(/\\/g, \\\\)
}let mainWindow
const winURL process.env.NODE_ENV development? http://localhost:9080: file://${__dirname}/index.htmlprocess.env.ELECTRON_DISABLE_SECURITY_WARNINGS true;function createWindow() {/*** Initial window options*/mainWindow new BrowserWindow({height: 563,useContentSize: true,width: 1000,webPreferences: {enableRemoteModule: true,webviewTag: true,nodeIntegration: true,nodeIntegrationInWorker: true,contextIsolation: false,webSecurity: false}})remoteMain.enable(mainWindow.webContents)mainWindow.loadURL(winURL)// 去除默认菜单Menu.setApplicationMenu(null)mainWindow.webContents.openDevTools()mainWindow.on(closed, () {mainWindow null})
}
第二步渲染进程中引入
以下代码就可以在渲染进程中创建新窗口并且还能获得窗口的变量此外可以获取主进程中的session搞事情比如动态获取所有session并且设置setProxy比在主进程中要方便代码也解耦了但是这是代码层面解耦底层仍然是主进程在搞事情并且还多了一部来回通信的过程。
const { BrowserWindow } require(electron/remote)
let win new BrowserWindow({ width: 800, height: 600 })
win.loadURL(https://github.com)
remote的用途 调用主进程模块在渲染进程中调用主进程模块如 fs, path 等。例如可以在渲染进程中使用 electron/remote 访问文件系统而不需要在主进程中编写额外的 IPC 通信代码。 访问主进程对象获取并操作主进程中的对象。例如可以通过 electron/remote 获取 BrowserWindow 实例并对其进行操作如改变窗口大小、位置等。 简化 IPC 通信简化渲染进程与主进程之间的通信。在没有 electron/remote 的情况下需要使用 ipcRenderer 和 ipcMain 模块进行进程间通信而 electron/remote 可以直接调用主进程的方法。 在渲染进程中创建新的主进程窗口
const { BrowserWindow } require(electron/remote);
const newWin new BrowserWindow({ width: 800, height: 600 }); newWin.loadURL(https://example.com); 在渲染进程中使用主进程的对话框 const { dialog } require(electron/remote);
dialog.showMessageBox({ message: Hello from the renderer process!, buttons: [OK] }); 在渲染进程中使用主进程的菜单 const { Menu, MenuItem } require(electron/remote);
const menu new Menu(); menu.append(new MenuItem({ label: Hello, click: () { console.log(Hello clicked); } })); menu.popup(); 获取主进程的环境变量 const { process } require(electron/remote); console.log(process.env); 在渲染进程中使用主进程的剪贴板 const { clipboard } require(electron/remote);
clipboard.writeText(Hello from the renderer process!);
console.log(clipboard.readText());
