当前播放: 07 | 第一个Electron应用:开发一个简单版的番茄钟(上)
00:00 / 00:00
高清
  • 高清
1.0x
  • 2.0x
  • 1.5x
  • 1.25x
  • 1.0x
  • 0.5x
网页全屏
全屏
00:00
付费课程,可试看
课程目录
第一章:Electron基础篇 (12讲)
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讲)
13 | 实战项目综述:整体需求分析
14 | 设计思路:做远程控制有几步?
15 | 项目架构与基础业务:Electron 与 React 框架结合
16 | 主页面基础业务:Real World IPC
17 | 傀儡端实现(一):基于Electron能力捕获桌面视频流
18 | 傀儡端实现(二):如何接收&响应指令?
19 | 傀儡端实现(三):基于WebRTC传输视频流(上)
20 | 傀儡端实现(四):基于WebRTC传输视频流(下)
21 | 信令服务:如何连接两端(上)
22 | 信令服务:如何连接两端(下)
23 | 指令传输实现:如何建立数据传输?
24 | 项目完善与总结(上):App特性
25 | 项目完善与总结(下):原生GUI
第三章:Electron 工程篇 (10讲)
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 | 结束语
07 | 第一个Electron应用:开发一个简单版的番茄钟(上)

07 | 第一个Electron应用:开发一个简单版的番茄钟(上)

邓耀龙
美团高级前端工程师
35讲 约400分钟1960
单独订阅¥99
2人成团¥79
2
本节摘要
登录 后留言

精选留言(9)

  • qf年间
    卡在了install.js怎么回事,我改了镜像也不行

    作者回复: 如果是Mac 10.15装v7失败了,你可以选择装v5,也可以根据这个issue改动https://github.com/electron/electron/issues/20841#issuecomment-548775560。如果是其他情况可以贴错误讨论。

    2020-01-09
    1
    1
  • paopaomo
    electron 有 Notification 模块,Chromium 也有 Notification API, 在渲染进程中想要调通知的时候直接使用Chromium的Notification,还是通过跨进程通信,让主进程去显示通知呢?
    番茄钟里使用跨进程通信,是因为Chromium的Notification不支持actions吗?还是有什么最佳实践?

    作者回复: 在主进程主要是想用actions,如果你的业务只是想通知,直接h5的notification也是可以的

    2020-02-03
  • 元气满满
    mac 运行demo,不管是点击“开始休息”还是“继续工作”,倒计时多会停在弹出通知之前的界面,这是为什么呢?

    作者回复: 我在机器上试验了一下,不是很理解你说的这个现象。你可以试一下完整的demo https://github.com/dengyaolong/geektime-electron/tree/master/Chapter%201/8-pomodoro-homework

    2020-01-26
    1
  • yandex.s
    老师 你vim 配置有教程么?

    作者回复: 配置各有喜好,我演示的机器不是我工作机器,上面其实是一个裸Vim,没有配置。
    我自己机器配置是基于plug(https://github.com/junegunn/vim-plug)的,差不多是https://github.com/dengyaolong/dylconf/blob/master/.vimrc

    2020-01-19
    1
  • 刘小宅
    老师, 因为我对于electron了解是零基础的,所以希望老师对于electron是可以多讲解一些基础, 这样对于后续的理解,以及项目的实战方面是可以融合进去的,谢谢

    作者回复: 如果懂web的话,在业务有需求时候查查官方文档会更好,因为Electron自身API并不多,但可能在不同场景下细节有点多。当然后面课程在实战上会从0到1写,可以边写边巩固。

    2020-01-17
  • 羊德超
    Hi Deng:
    我在win10上运行了上面的demo,notification最终没有出现,手动加了notification.on('show', () => console.log('show============')),这条log也没打印出来,说明notification没有执行,所以,我该怎么在windows上实现notification?

    作者回复: 你可以加上app.setAppUserModelId(process.execPath)试试

    调试时可以在app onready之后直接new一个Notification看。

    2020-01-13
  • 羊德超
    我在win10上运行上面的Demo,没有notification出现,请问notification如何兼容windows
    2020-01-13
  • 🌀Pick Monster 🌀
    老师,我npx electron -v可以显示electron版本,但是electron .提示我electron安装失败,怎么会是?

    作者回复: 没有错误栈很难判断,因为很多可能性,你可以在electron github issue搜一下应该能找到。如果不行,你在回复加上错误栈~

    2020-01-10
  • 行问
    请教下问题:
    1、阅读 Electron 的中文文档时(英文能力不足),不是很明了,能否也在留言区也分享下要怎么更好的阅读,也多分享一下资料延伸等,可以给链接

    2、文件”点对点“(peer to peer)传输是基于 WebRTC 来实现吗?要怎么实现呢,目前遇到的问题。

    来自一名非常严重的 vim 党,前端还没跨过门槛的小伙伴

    非常感谢

    作者回复: 1. 英文文档是首选,开始时候可以边查翻译边看。其实文本资料会很多,后续我会在github上做一些推荐。
    2. 发文件我还没试过,但如果要做基本是基于dataChannel了。

    2020-01-08
    1
收起评论
看过的人还看
Node.js开发实战

杨浩  腾讯高级工程师

57讲 | 4637 人已学习

拼团 ¥99 原价 ¥129
JavaScript核心原理解析

周爱民  《JavaScript语言精髓与编程实践》作者,南潮科技(Ruff)首席架构师

28讲 | 4277 人已学习

拼团 ¥55 原价 ¥68
重学前端

程劭非(winter)  前手机淘宝前端负责人

58讲 | 34215 人已学习

拼团 ¥79 原价 ¥99
TypeScript开发实战

梁宵  搜狗营销事业部高级架构师

47讲 | 3535 人已学习

拼团 ¥99 原价 ¥129