liuzhen007的专栏

欢迎大家阅读 Data-Mining 的《Electron实战》专栏。这里简单的罗列一下专栏的文章目录，一方面方便大家阅读，另一方面可以快速的查找对应的文章。需要说明的是，本专栏会持续更新，不断增加新的文章，同时，也会动态更新原有文章。......

类似的技术方案快速开发并部署客户端的现有技术方案中，NW.js可以说和Electron是最相似的了，它们都允许使用Html、Javascript、Node.js技术完成客户端的开发工作。总体来说作为intel的技术方案，NW.js也有不俗的表现，它起步早，最开始的时候有很大的市场占有量。只是目前已经被后起之秀Electron超越了。类似的技术技术方案，Electron为什么能够后发制人呢？一定有对应的原因。结合官网的信息，我们来分析一下二者的区别和优劣。不同的表现1. 应用程序入口NW.

大家都知道CEF和Electron都可以作为跨平台的客户端方案，但最终选型的时候，可能会涉及到CEF和Electron孰优孰劣的问题，今天咱们就看一下二者的对比分析情况，下面是我自己整理的一张图表，大家一起看一下： cef electron 版本更新 平均1～2月更新一次 平均每周更新一次，版......

Electron使用 JavaScript，HTML 和 CSS 构建跨平台的桌面应用程序的开源架构1. Web技术Electron 基于 Chromium 和 Node.js, 让你可以使用前端技术构建应用。2. 开源Electron 是一个由 GitHub 及众多贡献者组成的活跃社区共同维护的开源项目。3. 跨平台Electron 兼容 Mac、Windows 和 Li...

之前的文章中提到过，安卓等移动端APP在采集音视频数据时，需要打开本地摄像头和麦克风设备。同理，桌面端应用程序在采集音视频数据时也需要依赖本地的音视频设备，今天本文的主要内容就是讨论Electron是如何操作本地的麦克风和摄像头以及如何控制麦克风和摄像头采集音视频数据。《Electron实战》系列-总览。

Electron 在开发自动升级功能时，都知道要使用 autoUpdater 模块，但是很多人都会忽略从升级服务器下载的安装包下载到了本地的哪个目录。但这是非常有必要知道的一个知识点，到目前为止，尽管 Electron 官方团队还没有针对这个目录提供设置（set）和获取（get）的标准API，但个人预测在不久的将来一定是会有的。尽管 Electron 官方没有提供专门的设置安装包下载路径的方法，但是可以通过一个巧妙的方法来实现这个目的。

问题上一篇文章已经介绍了如何在Electron工程中集成自定义的sentry质量监控平台，但是有些特殊应用程序需要上传自定义库的pdb符号表文件，在上传过程中会遇到各种问题。本文的内容就是详解介绍如何上传自定义pdb符号表以及常见问题的解决方法。

说到应用质量监控平台，鸿蒙、安卓和iOS由bugly、友盟，Electron有什么呢？是的，sentry是一个不错的选择，今天就来介绍一下私有化的sentry服务平台如何在Electron客户端中进行集成。

Electron实战》系列-总览_Data-Mining的博客-优快云博客_electron滚动条欢迎大家阅读Data-Mining的《Electron实战》专栏。这里简单的罗列一下专栏的文章目录，一方面方便大家阅读，另一方面可以快速的查找对应的文章。需要说明的是，本专栏会持续更新，不断增加新的文章，同时，也会动态更新原有文章。...https。...

今天遇到一个需求，产品同学要求PC客户端可以采集系统声音，如果你不懂这个需求的话，我可以说得更加直白一点，这个功能的意思就是要求客户端可以采集笔记本电脑扬声器的声音。此时，有小伙伴可能会说扬声器的声音播放出来后，可以被麦克风采集到，实现起来也不难嘛。...

今天有个小朋友遇到了一个 Electron 的问题来咨询我，具体表现如下：在联想拯救者（windows系统）上，共享屏幕时的工具栏位置发生了偏移，用户手动调整了显示器的缩放比例，但是没有使用系统推荐的比例，如果调整到推荐分辨率就没事了。具体现象，如下图所示：

目录问题解决《Electron实战》系列-总览_Data-Mining的博客-优快云博客_electron net欢迎大家阅读 Data-Mining 的《Electron实战》专栏。这里简单的罗列一下专栏的文章目录，一方面方便大家阅读，另一方面可以快速的查找对应的文章。需要说明的是，本专栏会持续更新，不断增加新的文章，同时，也会动态更新原有文章。https://liuzhen.blog.youkuaiyun.com/article/details/109491566问题话说今天开发完新功能打包时

目录前言正文一、简单介绍二、实现效果三、代码调试四、兼容平台五、仓库地址六、运行原理《Electron实战》系列-总览_Data-Mining的博客-优快云博客_electron教程欢迎大家阅读 Data-Mining 的《Electron实战》专栏。这里简单的罗列一下专栏的文章目录，一方面方便大家阅读，另一方面可以快速的查找对应的文章。需要说明的是，本专栏会持续更新，不断增加新的文章，同时，也会动态更新原有文章。https://liuzhen.blog.csdn.

报错信息： ⨯ Apple failed to notarize your application, check the logs for more infoStatus Code: 2Message: Package InvalidLogs: https://osxapps-ssl.itunes.apple.com/itunes-assets/Enigma126/v4/e9/6b/e5/e96be5e4-b22f-cb35-cd1a-0d3c4bec9d0a/developer_log...

问题Electron 中的 remote 模块在 9.x 之前的版本都是默认开启的，我们可以非常方便的使用 remote 模块的相关方法。但是从 10.x 开始，remote 模块虽然没有被删除但是默认是关闭的，我们需要主动开启。具体如何操作呢？就是我们今天讨论的内容。解决熟悉 Electron 的小伙伴都知道，Electron 中的 remote 模块在 9.x 之前的版本默认都是开启的，但是从 10.x 开始，remote 模块默认是关闭的。...

目录前言正文首先，来看目录结构其次，看关系类图最后，看日志记录1. DVLOG2. MediaLog《Electron实战》系列-总览_liuzhen007的专栏-优快云博客欢迎大家阅读 Data-Mining 的《Electron实战》专栏。这里简单的罗列一下专栏的文章目录，一方面方便大家阅读，另一方面可以快速的查找对应的文章。需要说明的是，本专栏会持续更新，不断增加新的文章，同时，也会动态更新原有文章。https://liuzhen.blog.youkuaiyun.com/arti

目录前言正文第一步，通过 Electron 的版本号判断 Chrome 的版本号第二步，通过 Chrome 的版本号判断 WebRTC 的版本号附录《Electron实战》系列-总览_liuzhen007的专栏-优快云博客欢迎大家阅读 Data-Mining 的《Electron实战》专栏。这里简单的罗列一下专栏的文章目录，一方面方便大家阅读，另一方面可以快速的查找对应的文章。需要说明的是，本专栏会持续更新，不断增加新的文章，同时，也会动态更新原有文章。https://liuzhe

PC 客户端一般都具备协议唤醒的能力，特别是和 Web 网页打通的应用程序和产品。简单来说，协议唤醒就是用户通过点击一个 URL 链接，能够自动拉起一个与之关联的客户端应用程序的功能。问题目前，我们的 PC 客户端应用程序是基于 Electron 开发的，那么如何基于 Electron 框架实现协议唤醒功能呢？这将是今天本文介绍的主要内容。...

前言不知不知觉中，春节已经快过完了，年假已经余量不足。因为疫情的反复，自己响应政府号召就地过年，因此留在了“帝都”北京过节。在帝都过节不方便的地方有很多，比如放烟花就不是很自由。于是，自己搞点事情，满足一下自己放烟花的心情。

报错信息：An unhandled error occurred inside electron-rebuildUnable to find electron's version number, either install it or specify an explicit versionError: Unable to find electron's version number, either install it or specify an explicit version ...

目录项目背景问题解决《Electron实战》系列-总览_liuzhen007的专栏-优快云博客欢迎大家阅读 Data-Mining 的《Electron实战》专栏。这里简单的罗列一下专栏的文章目录，一方面方便大家阅读，另一方面可以快速的查找对应的文章。需要说明的是，本专栏会持续更新，不断增加新的文章，同时，也会动态更新原有文章。https://liuzhen.blog.youkuaiyun.com/article/details/109491566项目背景基于 Electron 开发一个.

Electron 是一个多进程架构的跨平台桌面客户端的开源方案，进程种类很多。Electron 是可以非常方便的管理不同类型进程的，比如主进程、渲染进程、子进程。

报错信息：Uncaught Exception:Error: Could not get code signature for running application at Object.<anonymous> (/Applications/多媒体教室.app/Contents/Resources/app/app/main/updater.js:3:17) at Module._compile (internal/modules/cjs/loader.js:11...

报错详情：Uncaught Exception:Error: Cannot find module 'react'Require stack:- /Users/lz/project/rcmultimediaroom/node_modules/react-dom/cjs/react-dom.development.js- /Users/lz/project/rcmultimediaroom/node_modules/react-dom/index.js- /Users/lz/...

报错详情：Uncaught Exception:Error: The module '/Users/lz/project/rcmultimediaroom/node_modules/robotjs/build/Release/robotjs.node'was compiled against a different Node.js version usingNODE_MODULE_VERSION 83. This version of Node.js requiresNODE_MO..

问题做 PC 客户端产品时，经常会遇到需要获取本机 MAC 地址的需求，注意这里的 MAC 地址不是苹果系统的 mac，而是 MAC (Media Access Control, 介质访问控制) 地址。MAC地址也叫硬件位址，用来定义网络设备的位置。在 OSI 模型中，第三层网络层负责 IP 地址，第二层数据链路层则负责 MAC 位址。

目录问题解决《Electron实战》系列-总览_liuzhen007的专栏-优快云博客欢迎大家阅读 Data-Mining 的《Electron实战》专栏。这里简单的罗列一下专栏的文章目录，一方面方便大家阅读，另一方面可以快速的查找对应的文章。需要说明的是，本专栏会持续更新，不断增加新的文章，同时，也会动态更新原有文章。https://liuzhen.blog.youkuaiyun.com/article/details/109491566问题在浏览器上搞实时音视频的小伙伴，一定都知道服务地.

目录前言正文一、服务发现定义二、服务发现流程三、局域网服务发现工具1. 代码编写2. 服务提供者3. 服务消费者四、公网服务发现工具《Electron实战》系列-总览_liuzhen007的专栏-优快云博客欢迎大家阅读 Data-Mining 的《Electron实战》专栏。这里简单的罗列一下专栏的文章目录，一方面方便大家阅读，另一方面可以快速的查找对应的文章。需要说明的是，本专栏会持续更新，不断增加新的文章，同时，也会动态更新原有文章。https://liuzhe

目录前言正文windows 系统如何实现重装后清除缓存第一种情况、官方NSIS打包配置第二种情况、自定义NSIS打包脚本mac OS 系统如何实现重装后清除缓存第一种方式、通过添加注册脚本实现第二种方式、通过自定义逻辑实现结尾《Electron实战》系列-总览前言如果是 mac OS 客户端，如何实现重装后清除缓存信息，比如账户登陆信息等。看似一个非常简单的功能，在苹果系统上实现起来却不那么容易。正文在 windows 系统上，如果想实现客户端重装

【题外话】大家好，我是 Data-Mining, 别名 liuzhen007 （中国邦德，一个敲代码的邦德），先后就职于传统广电巨头和音视频互联网公司，具有丰富的音视频直播和点播相关经验，对WebRTC、FFmpeg和Electron有非常深入的了解。PS:《Electron实战》系列-总览前言实际项目开发过程经常会遇到这样的需求，同一个Electron工程需要打包出不同名称的客户端安装包，出现这种情况一般有两种可能，其一，公司的产品存在多个产品线，同一个工程通过修改配置可以打包出产品A（拉.

目录前言正文安装方式更新变化突出特点重大变化API变更版本计划前言时隔三个月，2020年11月17日，Electron终于推出了新版本——Electron11.0.0发布啦！正文按照三个月一迭代的基本规律，Electron如期推出了11.0.0版本！上个版本10.0.0是八月份推出的，新版本包括升级Chromium到87，升级V8到8.7以及Node.js的升级到12.18.3。同时，增加了对Apple芯片的支持和常规改进措施。安装方式如果你想尝试El

[1] [10:00:53.462] [info] Cannot run installer: error code: EACCES, error message: "spawn EACCES", will be executed again using elevate if EACCES"[1] [10:00:53.489] [error] Error: Error: spawn D:\project\app-electron\node_modules\elect...

目录前言正文一、导出苹果证书二、获取Team ID三、打包签名四、提交应用限制内容前言Electron客户端做出来后，经常会面临提交到各个系统平台的应用市场，如果想要提交到Mac App Store应用市场，都有哪些注意事项呢，就是今天的讨论内容。正文Electron从 v0.34.0 开始就允许封装的应用提交到Mac App Store (MAS)，但是有一些相应到限制要求。熟悉苹果套路的同学都知道，想要在苹果平台上开发和发布应用，不论是mac OS电脑端.

目录问题解决问题Electron新建一个BrowserWindow窗口，加载URL地址，提示如下报错：Access to fetch at 'https://sentry.boom.cn/api/5/store/?sentry_key=b2dff9e…&sentry_version=7' from origin 'https://client-test.baijiayun.com' has been blocked by CORS policy: The 'Access-.

问题Electron渲染进程经常会需要引入一些Electron功能模块，比如remote、electron等，有时在导入的时候，会遇到报 require() is not undefined 的问题。解决创建窗口时候允许集成node.jsnodeIntegration: true代码实例：app.on('ready', function(){ mainWindow = new BrowerWindow({ height: 400, width: 400, web.

目录问题解决问题Electron工程打包的时候遇到如下报错：The binary is not signed with a valid Developer ID certificate类似的还有：The signature does not include a secure timestamp或者Archive contains critical validation errors整体信息如下：{ "logFormatVersion..

目录问题解决问题在mac上双击Electron客户端的安装包，没有出现安装界面窗口，而是一个分栏窗口，层级是 volumes -> 应用程序名 -> 应用程序.app，非常奇怪。解决原因是系统应用程序 DiskImageMounter.app 解析异常，如下图所示：解决问题的方式是桌面将临时安装磁盘退去，具体操作是 右键 -> 推出***。注意：没有写错，不是“退出”。重新安装，问题解决。...

目录前言正文前言在Electron项目工程中，有时可以利用嵌套的内部web页面实现一些特性，比如模态对话框效果。正文怎么使用HTML和JS实现模态对话框效果呢？本文就给出一个可以直接使用的html文件demo。用HTML和JS实现最简单的模态对话框实例，代码如下：（复制粘贴可用，亲测！）<html><head><title>LIGHTBOX EXAMPLE</title><meta http-equiv="C.

目录前言正文一、版本迭代过快二、系统资源占用高三、安装包体积太大四、不兼容老旧系统五、安全问题结论前言尽管Electron对比其他竞争者已经非常优秀，但是它也有一些缺陷。正文今天我们就来看一下Electron都有那些缺点。一、版本迭代过快Electron紧跟chromium的更新频率，很有可能会引入chromium的一些问题，而且已经有先例证明了我的这种担心。在6.1的版本中出现了一个非常严重的安全漏洞，就是因为chromium内核引入的。后来，.

目录问题解决问题BrowserWindow创建的窗口，ready-to-show事件没有触发，造成后续流程没有正常进行。解决本来想通过BrowserWindow创建一个信息提示窗口，在3秒后自动消失。但是不知道什么原因导致了ready-to-show事件没有触发，先来看一下代码吧： tipsWindow = new BrowserWindow({ modal: true, frame: false, resizable.