electron的学习基础汇总-标题electron app dock使用
main.ts文件中的app使用dock/** * Add event listeners... */if(isMac) { const dockIcon = applicationImage({path: 'dockIcon.png'}) // 获取图标路径 app.dock.setIc...
Electron的学习
目录 项目初始化可以看官网非常详细根路径创建.vscode文件夹主进程和渲染进程之前的通信`ipcRenderer.send`和`ipcMain.on`的使用`ipcRenderer.invoke`和`ipcMain.handle`的使用切换主题模式文件拖放保存消息通知进度展示图标闪烁自定义...
electron程序启动报错“Uncaught Exception Error:The specified procedure could not be found”
最近上线的electron桌面端程序安装之后启动，老是出现报错“Uncaught Exception Error:The specified procedure could not be found”。从现象上看是加载node文件出错了。确定了几个方向，搜索了很多也没找到解决办法因为用的electr...
Electron 应用性能优化策略大全
Electron 应用性能优化策略大全 资源优化渲染进程分离资源压缩与缓存动态资源按需加载预加载内存管理与资源释放内存管理管理渲染进程内存主进程内存优化GPU内存优化资源释放垃圾回收与代码分割利用 V8 引擎优化内存回收代码分割与动态导入启动优化离线资源缓存与服务端推送代码级优化主进程与 R...
electron新窗口读取本地数据库并展示在html静态页面
首先参考electron官方文档 https://electronjs.org/docs/api/browser-window设置新窗口页面集成node环境，设置成功后即可以在html页面中js里调用electron模块方法后面是根据业务进行操作，读取数据库的操作我放在了主进程中，示例：静态js环境...
运行别人写好的 electron 项目
如果你想运行一个别人写好的 electron 项目，该怎么做呢？别人写好的 electron 项目，有很多的文件夹。这时，需要用特殊的方法查看该程序。那么应该怎么做呢？1、下载 electron 项目。以GitHub上这个项目为例 playCode-desktop。2、gitbub找到项目，复制 项...
Electron入门——MessageBox使用方法
需要使用Electron的dialog弹出提示框，实现一点简单的确定取消操作，官方的API文档全英文的，比较难懂，这里自己实践一下。代码：const {dialog,shell,nativeImage} = require('electron'); dialog.showMessageBox({ ...
在webstorm中搭建electron的环境
之前要运行electron项目的步骤是进入项目electron .当你恰好也用webstorm的时候你还可以这样编辑器的 右上角 这样三角 轻轻一点 你的electron 就运行起来了，方块一点你的项目就停止了是不是很方便来来 配置第一步在bin下面新建一个electron.js的js文件（暂时是...
基于electron29版本桌面应用app开发例子
基于electron29版本桌面应用app开发例子 html+js+node.js 开发模式 生成package.json文件： yarn init --yes 或 npm init --yes 运行打包 yarn dev yarn build #==========================...
用electron将vue项目打包成.exe文件【保姆级教程】
用electron将vue项目打包成.exe文件【保姆级教程】 说明： vue2项目，使用的vue-element-admin框架，用electron打包成.exe文件。 1、新建一个文件夹，然后右键打开终端或者cd到这个目录。执行下面的命令（最好确认一下github网站是否登陆了）。 //将...
cypress支持浏览器：Chrome、Firefox、Electron
一、cypress版本cypress版本：4.10.0二、支持浏览器该版本支持浏览器：Chrome、Firefox、Electron。其中，Chrome84和Firefox76为本机安装的浏览器版本。其中：Chrome浏览器所在文件位置为：C:\Users\yy\AppData\Local\Goog...
electron 使用 node-ffi 调用 C++ 动态链接库（DLL）
一、为什么需要使用DLL需要使用系统 API 操作或扩展应用程序；需要调用第三方的接口API，特别是与硬件设备进行通信，而这些接口 API 基本上都是通过 C++ 动态链接库（DLL）实现的；需要调用C++实现的一些复杂算法等。二、node-ffi 是什么node-ffi：Node.js Forei...
在windows平台下electron-builder实现前端程序的打包与自动更新
由于8月份上旬公司开发一款桌面应用程序，在前端开发程序打包更新时遇到一些困扰...
解决Electron下载安装失败的问题
当我们一开始按照官网的教程，在命令行输入以下指令后运行的时候会发现一下报错这时，你按照它的提醒，将node_modules的文件删除，再重新安装，还是不行。我们应该删除，重新安装，只需将第三步中的npm install 改成cnpm install（注：cnpm是利用了淘宝的镜像，不懂可以百度cnp...
electron之压缩打包体积
场景：我使用的vue打包后的dist文件，用electron打包这个文件生成exe文件压缩打包体积1.vue打包时，做优化，去掉不必要的打包文件2.electron打包时，删除node_modules文件，此文件只是electron开发时所需，打包无需使用...
基于 Electron 的 Rubick 2.4k star 啦，同步更新新功能！
为什么要做 Rubick其实做 Rubick 1.x 的初衷就是解决自己的问题的：特别需要一款支持自定义插件的桌面端应用来简化使用者安装庞大桌面端应用的臃肿。而且涉及到数据安全的问题，插件只能在公司内网贡献，无法对外公开。在 Rubick 2.0 的阶段，重新设计了一套基于 npm 的插件管理体系，...
Mac Electron 应用的签名（signature）和公证（notarization）
背景在MacOS 10.15之前，应用如果没有签名，那么首次打开时就会弹出这种“恶意软件”的提示框。这时只要应用签名了，就不会弹这个框。但在MacOS 10.14....
electron之打包成安装程序
1、安装electron-winstallernpm install --save-dev electron-winstaller2、创建一个build.jsvar...
electron 项目环境变量使用注意 public-解决过程
实在是没什么好办法，我写了一个本地服务。在要启用的子进程的这个程序中，做了一下api调用的判断，如果api调用错误则直接退出通知服务进行启动。一切都写好了，然后异常的事情发生了。 程序启动后不断地被服务重启，我发现这个api无论怎么执行都会返回1008的错误码。重点来了，不是系统权限问题。后来我进...
electron 引入node服务
这里就不介绍electron的配置了，其实引入node服务很简单，直接在electron的主体中引入就可以了。 首先我们需要有一个node服务。 创建一个 index.js和router.js index.js const express = require("express");const rou...