注意点: 1.根据项目的netcore的版本找到适应当前版本的 ElectronNET.API 比如当前项目是: netcore3.1 可以使用 ElectronNET.API 9.31.2 2. ElectronNET.API 9.31.2 每个新建的项目都需要安装 3.
Electron读取本地文件并显示,也就是暴露一个读取本地特定文件内容的接口给渲染进程调用。 主要参考:https://stackoverflow.com/questions/44391448/electron-require-is-not-defined 基于官方的快速教程示例代码进行修改,原始代码如下: // main.js // Modules to control applicat
1.应用白屏 本地运行正常,打包后白屏,大概率是loadFile路径不对 其中index.html的路径要根据打包后的main.js的相对路径,打包后main.js的层级变了,需要对应修改,renderer和main的目录是并列的 win.loadFile(path.join(__dirname, '../../renderer/index.html')); 2. 整个应用打包后找
1. pnpm: pnpm config set electron_mirror "https://npm.taobao.org/mirrors/electron/" npm: npm config set electron_mirror "https://npm.taobao.org/mirrors/electron/" 2. pnpm install electron npm install electron 另一种
背景 实现简单的拖拽文件、图片到系统本地,拖拽消息体文本发送(类似于微信、QQ中的功能) 实现拖拽到本地系统,不考虑mouse实现方式,使用Electron中的startdrag配合Browser的Drag and Drop startdrag Electron API (startDrag) 提供拖拽文件到桌面系统本地的能力 使用情况比较简单,
虽然B/S是目前开发的主流,但是C/S仍然有很大的市场需求。受限于浏览器的沙盒限制,网页应用无法满足某些场景下的使用需求,而桌面应用可以读写本地文件、调用更多系统资源,再加上Web开发的低成本、高效率的优势,这种跨平台方式越来越受到开发者的喜爱。 Electron是一个基于Chromiu
electron基本使用 简介: 1.基于chromium和nodeJs 开发 2.使用JavaScript、html、css 构建跨平台应用程序 3.是开源的 4.兼容mac / windows / linux 5.比nwjs 靠谱 1.使用方法 (1)初始化文件夹 npm init (2)先装入模块 npm i electron -S (加载electron) 2.修改入口文件 (1)Pac
需求,想要的功能 默认 Program Files 或 Program Files(x86) 可以选择安装目录 安装后自动运行程序 electorn-builder nsis配置,如下: { oneClick: false, perMachine: true, allowElevation: true, allowToChangeInstallationDirectory: true, } 问题 查看electr
问题报错信息如图 上面的代码在dev模式下不报错,但是在build后,安装后,运行会提示错误,错误信息的大意是参数错误,原因应该是安装后的图片文件路径有问题,这块没有详细研究解决上面的问题的方法,是使用nativeImage代替字符串路径 new Tray(nativeImage.createFromPath(path.join(__dirn
由于国内墙的问题,使用npm下载electron绝大多数情况下会报超时,使用yarn安装直接报失败。 在此记录一下尝试成功的下载步骤。 使用淘宝镜像 执行的前置命令 npm config set registry https://registry.npm.taobao.org/ npm config set ELECTRON_MIRROR http://npm.taobao.org/mirr
Visual Studio Code 基于 Electron 开发。 Electron 是一个基于 Chromium 的项目,可用于开发基于 Node.js 的本地应用程序。 Visual Studio Code 使用 Blink 排版引擎渲染用户界面。 路很长,不要盲目地迷信。开源一样创造奇迹!
Electron是一个使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架,内嵌Chromium,Nodejs,可以用JavaScript写同一份代码,发布到不同平台的本地应用,支持Windows、macOS,Linux。 通过它可以把我们日常用的一些网页进行包装,做成桌面上点开的应用,想用的时候直接点开就行了,不用打开谷歌、
1. 首先执行 $ npm install electron-store 2. 修改vue.config.js文件进行配置,设置 electron-vue 的运行环境(已修改) nodeIntegration 改为true 3. electron 11x 以上版本:在electron 主进程中执行以下代码 import Store from 'electron-store'; Store.initRenderer() 4.渲染
electron学习笔记2 1.Electron 应用部署 为了使用 Electron 部署你的应用程序,你存放应用程序的文件夹需要叫做 app 并且需要放在 Electron 的资源文件夹下(在 Linux 和 Windows 中是指 resources/)就像这样: electron/resources/app ├── package.json ├── main.js └── index
electron学习笔记 1.简介 Electron 可以让你使用纯 JavaScript 调用丰富的原生 APIs 来创造桌面应用。你可以把它看作是专注于桌面应用而不是 web 服务器的,io.js 的一个变体。 这不意味着 Electron 是绑定了 GUI 库的 JavaScript。相反,Electron 使用 web 页面作为它的 GUI,所以你能
node-gyp Electron C++,使用nan npm install -g prebuild node-gyp electron npm install nan bindings --save #include <nan.h> void Add(const Nan::FunctionCallbackInfo<v8::Value>& info) { if (info.Length() < 2) { Nan::ThrowTypeError(&q
示例代码 一、自定义菜单 分成三个步骤 定义菜单内容 let menuTemp = [{ label: 'File', click() { } }] 其中数组里的每一项都是个 menuItem 根据上述的模板数据生成一个 menu const menu = Menu.buildFromTemplate(menuTemp) 将上述的自定义菜单添加到 app 里 Menu.
之前一篇文章介绍了electron-PC端持续集成的设计方案,这里记录下具体的实现细节。 阶段一 打包 首先介绍下,我们使用的electron-vue这个脚手架搭建的项目。 打包我们使用的是electron-builder,这里介绍了基本的使用 electron-build 的使用 我们从打包的npm scripts 入手来看下打包流
前言 我们如何通过Electron来检测一些应用程序的状态呢,如:未响应; 文档地址 EnumWindows IsHungAppWindow GetWindowThreadProcessId NodeJs——如何获取Windows电脑指定应用进程信息 内容 获取指定应用程序PID 通过exec执行cmd命令查询指定应用的PID,并通过electron-store存储获
运行环境 macOS High Sierra系统 10.13.6 node v14.2.0 electron v8.0.0 项目 http://gitee.com/xuanyusan/bongocat_for_mac 关于BongoCat Bongo Cat是一款用于装饰直播/视频/桌面的工具,它能根据鼠标、键盘、手柄操作做出相应的动作,具有高度的可定制性。 它是由一个越南的高
"electron-builder" 版本 "electron-builder": "^20.41.0", 解决办法:更新版本,我换这个版本有效 "electron-builder": "21.2.0",
Electron ipcRenderer 模块 ipcRenderer 模块是一个 EventEmitter 类的实例. 它提供了有限的方法,你可以从渲染进程向主进程发送同步或异步消息. 也可以收到主进程的响应. 发送消息 ipcRenderer 模块有如下方法来发送消息: ipcRenderer.send(channel[, arg1][, arg2][, ..
安装时指定源版本及源 ,亲测有效 npm install -g electron@v15.0.0 --electron_mirror=https://npm.taobao.org/mirrors/electron/ 查看版本
1. 下载icofx3软件 ; 点击icofx3.exe运行 2. 点击“从图像创建window图标” 3. 选择需要转成的ico格式的png图片 点击文件 -> 保存 这样就会宝成一个ico格式的图片。 其实:icofx3 使用这个软件做一个ico,ico是一个套图,如果你的ico或者png格式的可能只是一
对于 Electron 应用,它有 electron-notarize 的工具来做公证。但遗憾的是,我使用的时候出现了各种各样的报错,相关GitHub issue上也发现有人出现跟我类似的问题,不过没有明确的解决办法。 折腾半天,决定用原始的办法来解决——命令行工具。 一句命令 xcrun altool --notarize-app