再开发electron应用时有时候需要在渲染引擎的js中调用remote,从而调用客户端的原生弹窗,但是有时候我们在渲染端js中调用require('electron').remote,程序会报错,提示其不存在...下面举个例子,在html页面中新建一个按钮: image.png 在页面引入的js中调用require('electron').remote: image.png 此时一般会报错,该如何解决呢?...需要在main.js中配置选项如下: image.png 红框选中部分,第一个是允许在渲染脚本中使用require,第二个选项是可以使用remote。...以上便是electron中解决不能使用require('electron').remote的解决方案,希望对你有所帮助。
有如下几种解决方法: 使用@electron/remote模块替代 使用IPC传递数据 使用@electron/remote模块替代 安装 npm install --save @electron/remote...const remote = require("@electron/remote/main") remote.initialize() //... remote.enable(mainWindow.webContents...) 渲染进程中引用 //以前的写法 const {BrowserWindow} = require("electron").remote //现在的写法 const {BrowserWindow} =...require("@electron/remote") 实例 main.js const { app,BrowserWindow,ipcMain,shell} = require("electron")...const remote = require("@electron/remote/main") remote.initialize() let mainWindow = null app.on("ready
Electron团队提供remote模块给开发者, 主要目的是为了简化渲染进程和主进程互访的难度, 这个目的却是达到了。...假设你在渲染进程通过remote模块创建了一个BrowserWindow对象, 不但你创建这个对象的过程很慢, 后面你使用这个对象的过程也很慢。...第四:它存在安全问题 因为remote模块底层还是通过IPC管道与主进程通信的, 那么假设你的应用需要加载第三方网页, 即使你让这些网页运行在安全沙箱内, 恶意代码仍可能通过原型污染攻击来模拟remote...反思 remote模块并非一无是处 Electron进程间通讯确实非常复杂, 不但增加了开发人员的劳动,还增加了开发人员的心智负担 没有remote模块开发人员该怎么办呢 要么就实现自己的进程间通信工具...(我就做过一个跨进程的消息总线) 要么就强行引入remote模块 实际上remote模块并非被干掉了 而是从核心模块变成了可供开发者选择的模块 决策权交给了开发者 但开发者再使用remote模块时,一定要考虑上面提到的那四个问题
在上一篇 Electron 进程通信 中,介绍了 Electron 中的两种进程通信方式,分别为: 使用 ipcMain 和 ipcRenderer 两个模块 使用 remote 模块 相比于使用两个...上一篇 Electron 进程通信 中,对 remote 的实现只是简单的说了下它底层依旧是通过 ipc 模块来实现通信: 通过 remote 对象,我们可以不必发送进程间消息来进行通信。.../index.js"> index.js : const { remote, ipcRenderer } = window.require('electron...' } else { command = 'ELECTRON_BROWSER_FUNCTION_CALL' } const obj =...【参考资料】 Electron 进程通信 - 腾讯Web前端 IMWeb 团队社区 | blog | 团队博客 remote | Electron 学习笔记:JAVA RMI远程方法调用简单实例 - 风尘浪子
Electron 中的两种进程通信方式,分别为: 使用 ipcMain 和 ipcRenderer 两个模块 使用 remote 模块 相比于使用两个 IPC 模块,使用 remote 模块相对来说会比较自然一点...width=device-width, initial-scale=1.0"> Electron.../index.js"> index.js : const { remote, ipcRenderer } = window.require('electron......exports.getBuiltin = (module) => { const command = 'ELECTRON_BROWSER_GET_BUILTIN' const meta = ipcRenderer.sendSync...' } else { command = 'ELECTRON_BROWSER_FUNCTION_CALL' } const obj = ipcRenderer.sendSync
,命令如下: cnpm install -g electron 5、输入命令: electron -v 查看electron版本,若出现版本号,表示安装成功; 6、输入命令: cnpm install...-g electron-packager 打包输出工具; 7、下载并安装electron客户端; 8、新建一个项目文件夹,自命名,例如:test1; 9、在 test1 中创建:pakage.json...、index.html、main.js 三个文件; 10、通过拖拽 test1 文件夹到 electron客户端,或者在cmd控制台中使用命令打开文件, F:\electron1\electron.exe... main.js: const electron = require('electron'); // Module to control application life....const { app} = electron; // Module to create native browser window. const { BrowserWindow} = electron
执行electron:build会出现这个问题 是因为打包时会检测cache中是否有electron 包,如果没有的话会从github上拉去, 国内网络环境中拉取的过程大概率会失败 解决 在项目根目录新增....npmrc文件 写入 ELECTRON_MIRROR=https://npm.taobao.org/mirrors/electron/ 重新打包就没问题
使用 electron-builder 打包 Electron 程序 [001] 前言 在将 Electron 代码开发完成后,如果想要投入生产环境,那就必须经过很关键的一步——打包。...今天就将 MacOS 上使用 electron-builder 打包 Electron 应用的过程做一个记录。...调试 Electron 主进程代码》中用到的 electron-quick-start 目录 打包步骤 1.安装 electron-builder mkdir electron-builde cd electron-builde...yarn init -y yarn add electron-builder -D 这里建议将 electron-builder 安装在单独的目录,方便复用。.../electron-builder/node_modules/.bin/electron-builder • electron-builder version=22.14.5 os=19.6.0
背景 最近手头的 electron 项目需要做一个报告导出的功能,导出时要弹出个页面,可让用户自行补全相应的字段。...webview 简介 electron 的 webview 标签时基于 Chromium webview ,由于 Chromium 的架构变化巨大,会影响 electron webview 的稳定性,包括呈现...所以 electron 团队不建议使用 webview 标签。 注意:默认情况下,electron >= 5禁用 webview标签。...本篇属于 electron 初识,如有表述不当,望指出改正。...参考 1. electron文档 webview篇 2. electron webview加载远程preload方法 版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。
一个 Electron 应用有且只有一个主进程。并且创建窗口等所有系统事件都要在主进程中进行。...使用Electron的API Electron 在主进程和渲染进程中提供了大量 API 去帮助开发桌面应用程序, 在主进程和渲染进程中,可以通过require() 方法将其包含在模块中,以此获取 Electron...引入 electron: const electron = require('electron'); 所有 Electron 的 API 都被指派给一种进程类型。...Electron 中的窗口是使用 BrowserWindow 类型创建的一个实例, 它只能在主进程中使用,如下所示: const { BrowserWindow } = require('electron...这个帮助函数可以使你获得指向系统目录的文件路径,如用户的桌面、系统临时文件 等等 electron - vue https://simulatedgreg.gitbooks.io/electron-vue
听名字就可以看出,remote views是一种远程view,感觉有点像远程service,其实remote views是view的一个结构,他可以在其他的进程中显示,由于它可以在其他的进程中显示,那么他就可以跨进程的更新其他进程的...remote views在Android中有两个常见的应用场景:通知栏和桌面小部件。...Remote Views的应用 桌面部件与通知栏分别由AppWidgetManager 与 NotificationManager来管理.。...ReflectionAction用来在local端显示时,通过Reflect机制执行获得Remote端资源的。...AppWidget实现Remote端提供UI元素,Local端具体显示。AppWidgetHost在AppWidget系统中是Local端;AppWidgetProvider端是Remote端。
// 主进程 main.js const { app, BrowserWindow, Notification } = require('electron') app.on('ready', () =
# electron-packager 打包 命令说明: electron-packager location of project:项目所在路径 name of project:打包的项目名字 platform:...architecture:决定了使用 x86 还是 x64 还是两个架构都用 (x64,ia32) electron version:electron 的版本 optional options:可选选项...例: electron-packager ./ pandacode --platform=mas --arch=x64 --overwrite
').remote.getGlobal('saveDefault').token= 'token' require('electron').remote.getGlobal('saveDefault')...').name) console.log(require('electron').remote.getGlobal('saveDefault').token) console.log(require('...electron').remote.getGlobal('saveDefault').password) 利用主进程做消息中转 // 渲染进程1 ipcRenderer.send('ping-event...你还可以用 Electron 内的 IPC 机制实现。将数据存在主进程的某个全局变量中,然后在多个渲染进程中使用 remote 模块来访问它。...('sharedObject').someProperty = 'new value'; 在第二个页面中 console.log(require('electron').remote.getGlobal
配置使用bazel remote cache。可以bazel命令行增加--remote_cache=参数,但是需要每条命令都加。为了简便可以将其配置到配置文件中。...--remote_timeout=150 先测试下配置了remote cache但是bazel remote server没有开启的情况。.../bazel-remote-cache 正常构建,没有之前构建找不到remote server的warning。... ~/bazel-remote docker run -u 1000:1000 -v /root/bazel-remote/dummy-remote-cache:/data -p 9090:8080...server的缓存(多了下面的缓存文件): ⚡ root@backendcloud ~/bazel-remote ls dummy-remote-cache/* dummy-remote-cache
http://efonfighting.imwork.net 本文目录: 概述优点:缺点与 Python 前后台的构架对比:环境搭建第一个 electron 程序参考文档 概述 Electron 是基于...由于 VScode 的带动, 基于 Electron 的应用越来越多, 同时 nodejs 社区也持续的活跃. ?...production windows-build-tools ● 从 https://code.visualstudio.com/download 下载安装 VScode, 作为开发 IDE 第一个 electron...程序 最简Demo 参考官方文档: https://electronjs.org/docs/tutorial/first-app 一 个 最 简 的 electron 程 序 , 由 package.json
electron-updater官方文档 安装electron-log是为了方便本地调试 yarn add electron-updater yarn add electron-log 版本号是根据你的...: 'http://update.xxx.com' 新建一个updater.js,对更新文件进行单独封装 与background.js同级 import { autoUpdater } from "electron-updater..." const { dialog, BrowserWindow } = require('electron') const log = require("electron-log") autoUpdater.logger.../div> import { onMounted, ref } from 'vue'; import { ipcRenderer } from 'electron...position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } electron-log
# 快速入门 本指南将会通过使用Electron创建一个极简的 Hello World 应用一步步的带你了解,该应用与electron/electron-quick-start (opens new...npm Yarn mkdir my-electron-app && cd my-electron-app yarn init init初始化命令会提示您在项目初始化配置中设置一些值 为本教程的目的,有几条规则需要遵循...npm Yarn yarn add --dev electron 注意:如果您在安装 Electron 时遇到任何问题,请 参见 高级安装 (opens new window) 指南。...command 注意:此脚本将告诉 Electron 在您项目根目录运行 此时,您的应用将立即抛出一个错误提示您它无法找到要运行的应用 # 运行主进程 任何 Electron 应用程序的入口都是 main...electron -g 使用cnpm安装electron-packager cnpm install electron-packager -g
什么是 Electron ?...# 克隆示例项目的仓库 git clone https://github.com/electron/electron-quick-start # 进入这个仓库 cd electron-quick-start...Electron 的基础特性和使用方法。...ELectron 进程 Electron 的底层是基于 Chromium 而设计的,故有且只有一个主进程 Main Process 和多个渲染进程 Renderer Process,主进程 Main Process...当 main.js 文件修改时,我们都需要关闭当前 electron .
1. 设置主机名 编辑/etc/hostname,服务器主机名 zouyujie.top
领取专属 10元无门槛券
手把手带您无忧上云