Electron 开发实战 
21224 人已学习
新⼈⾸单¥59
课程目录
已完结/共 35 讲
第一章：Electron基础篇 (12讲)
时长 06:22
时长 02:50
时长 09:28
时长 05:35
时长 03:38
时长 05:15
时长 15:48
时长 04:10
时长 09:25
时长 06:04
第二章：实战篇 - 远程控制软件 (13讲)
时长 03:21
时长 04:47
时长 26:13
时长 19:08
时长 14:26
时长 25:25
时长 18:19
时长 09:42
时长 15:15
时长 07:05
时长 17:15
时长 11:13
时长 19:13
第三章：Electron 工程篇 (10讲)
时长 20:43
时长 11:42
时长 27:31
时长 16:09
时长 21:57
时长 11:15
时长 13:18
时长 10:13
时长 06:30
Electron 开发实战
登录|注册
当前播放: 08 | 第一个Electron应用：开发一个简单版的番茄钟（下）
00:00 / 00:00
高清
- 高清
1.0x
- 2.0x
- 1.5x
- 1.25x
- 1.0x
- 0.75x
- 0.5x
付费课程，可试看
01 | 课程介绍
02 | 内容综述：学完这门课程你能得到什么？
03 | Electron介绍：为什么Electron这么火？
04 | 揭秘Electron架构原理：Chromium + Node.js是如何一起工作？
05 | 桌面端技术选型：如何选择合适的桌面端技术？
06 | Electron开发准备：环境搭建及前期准备
07 | 第一个Electron应用：开发一个简单版的番茄钟（上）
08 | 第一个Electron应用：开发一个简单版的番茄钟（下）
09 | 与Web开发不同（一）：主进程与渲染进程
10 | 与Web开发不同（二）：进程间通信
11 | 与Web开发不同（三）：Native能力及原生GUI
12 | 与Web开发不同（四）： 释放前端想象力，基于Electron能做什么？
13 | 实战项目综述：整体需求分析
14 | 设计思路：做远程控制有几步？
15 | 项目架构与基础业务：Electron 与 React 框架结合
16 | 主页面基础业务：Real World IPC
17 | 傀儡端实现（一）：基于Electron能力捕获桌面视频流
18 | 傀儡端实现（二）：如何接收&响应指令？
19 | 傀儡端实现（三）：基于WebRTC传输视频流（上）
20 | 傀儡端实现（四）：基于WebRTC传输视频流（下）
21 | 信令服务：如何连接两端（上）
23 | 指令传输实现：如何建立数据传输？
22 | 信令服务：如何连接两端（下）
24 | 项目完善与总结（上）：App特性
25 | 项目完善与总结（下）：原生GUI
26 | Electron 应用打包：从HTML到安装包
27 | Electron 应用更新（一）：软件更新的痛点
28 | Electron 应用更新（二）：线上项目如何更新？
29 | Electron 质量监控：桌面端的质量抓手是什么？
30 | 使用原生能力：如何集成C++能力？
31 | Electron 自动化测试：如何编写端到端测试？
32 | Electron体验优化：如何优化白屏问题？
33 | Electron客户端的安全：从XSS到RCE
34 | Electron bad parts：辩证看待Electron技术
35 | 结课测试&结束语
本节摘要
登录 后留言
全部留言(58)
- 最新
- 精选
恩佐
目前用老师的代买macos x上的notification已经显示不出来buttons了，怎么才能显示button
作者回复: 你可以在系统偏好设置>通知>找到electron，提示样式改成「横幅」或者「提示」。
2020-01-09
2
12
给我你天真无邪的笑容吧
ms undefined
作者回复: 哈哈，update时候未传参数，你可以在github上找完整的
2020-01-11
2
3
吃不胖，不改名。
番茄钟(下)你那个环境搭建好了直接开发html？你说你的环境搭建好了是指的番茄钟(上)安装好node 和 electron的环境？能不能提示一下啊？怎么感觉前后接不上？希望能顾及新手入门，谢谢！
作者回复: 抱歉，可能课程节奏比较快，有些地方没讲明白的话可以在我们github上对比一下源码或者评论区留言。 另外你提的这个问题解决了吗？整体配置还是比较容易上手的~ https://github.com/dengyaolong/geektime-electron
2020-07-08
2
2
Rynn艾虹
番茄钟实在是太实用了 之前都用别人家的番茄钟 以后我就用我自己做的了
作者回复: 👍👍👍
2020-02-10
2
行问
实战部分，打包时是基于 Webpack 么？如何从 Electron 本身的打包修改为基于 Webpack 多窗口打包，这对工程化是否有帮助？
作者回复: Webpack打包只是产出浏览器可识别的html、js、css等资源，Electron打包需要将我们的代码和内核一起产包。两者在大型项目是要同时用的，一般都是先webpack build、之后才是electron pack。课程后面会提到Webpack。
2020-01-08
2
2
拿什么梨
Error occurred in handler for 'work-notification': No handler registered for 'work-notification' 老师 通知没有注册 弹窗换不起来怎么回事啊 我 win10
作者回复: 主进程没有写handle吧，看看是不是处理ipcMain.handle有问题。
2020-01-18
2
1
孙国佳
老师，我现在做的项目是通过这个框架加载服务器上的地址，我在里面写了一个html读取配置的xml的ip地址进行跳转，在跳转的时候会出现白屏，在白屏期间会有俩个页面，一个是跳转之前的，一个是跳转之后的，俩个我都加了同样的loading，这种解决方案行么，还是说有更好处理白屏的解决方案。
作者回复: 加loading占位是合理的操作。后面第三章课程我们也会讲到白屏
2020-01-14
1
ʎpoqou
希望老师尽快更新课程，最近在用electron-vue项目在windows电脑调用robot.js和dm.dll（c++）模块，编译失败，用了node-gyp和npm rebuilder也不可以😭
作者回复: 为啥不试试electron rebuild呢
2020-01-13
2
1
Geek_cc6b96
老师讲的太细致了。 之前用electron api demos 的第一个demo “Create a new window”，不管怎么点击都无效果，比较了好几个版本代码都一样，困扰了几天，最后调试+看文档，才知道原来需要在main.js中增加 nodeIntegration: true ...... 几天折腾，激情就没了。这个入门坎也太高了。
作者回复: 多谢。在桌面端领域来说，其实Electron的门槛不高，可能在刚开始会有一些问题，但入门后就好很多~
2020-01-13
1
许童童
老师还是不错的
作者回复: 多谢～
2020-01-12
1
收起评论