正如 Electron 官方所说“如果你可以建一个网站,你就可以建一个桌面应用程序”。

作为一个跨平台的桌面应用开发框架,Electron 的迷人之处在于,它是建立在 Chromium 和 Node.js 之上的 —— 二位分工明确,一个负责界面,一个负责背后的逻辑,构成了一个成本低廉却十分高效的优秀“集成框架”

如果用一张图来直观诠释 Electron 的强大之处,就是下面这样。

但是,不同系统间还是会有很大的差异,需要相应地做一些额外处理,使得打包出的应用在不同系统下都能正常运转。但相比于 80% 都能完全复用的代码,这些成本几乎可以忽略不计。

所以,对 Web 前端开发者来说,用 Electron 开发多平台客户端的成本非常低

而且,Electron 是基于 Node.js 的,这就意味着,Node 这个大生态下的模块,Electron 都可以用。同时,跨平台也让 Electron 可同时开发 Web 应用和桌面应用,无论是 UI,还是代码,很多资源都可以共享,大幅减少了开发者的工作量。

作为目前非常热门的技术,Electron 在 GitHub 上已经有 8W+ star 了,很多应用都是用 Electron 开发的,比如字节跳动的飞书、Slack、VS Code、Atom、Skype、WhatsApp、支付宝小程序 IDE(蚂蚁开发者工具)等。

与此同时,包括蚂蚁金服、小米、华为、GitHub、微软在内的很多大厂都在使用 Electron。因此,学好 Electron 是你日后跳槽加薪的加分项,毕竟,大厂都在用。

如何高效使用 Electron?

用 Electron 写一个简单的桌面端应用并不难,有一定 JavaScript 基础的话,可能只要半小时。但要做一个项目,就没那么容易了:

首先,Electron涉及的技术栈比较多,不仅需要了解客户端知识,在客户端中使用Node.js、集成C++、Rust等三方库,还会涉及到多进程概念等等,对于基础薄弱的前端工程师不太友好。

而且在实际开发项目中推行 Electron,工程化建设流程上有很多技术关键点和坑,需要丰富的实战经验来化解。

这些问题,我也曾遇到过。都知道光理论是不够的,还是要落地,是了解其在工程化建设方面具体应该如何推进

但这种实践不是谁都愿意共享的,如今的各大厂里,美团大象应该是比较早的一批用 Electron 做大型项目的团队,这个团队的负责人「邓耀龙」,我之前听过他在 Qcon (全球软件开发大会)的分享,当时就很受启发。

后来听说他开了个《Electron 开发实战》视频课,我第一时间就订阅了,毕竟这种内部经验难得能公开。先分享一张邓耀龙总结的「Electron 核心知识图谱」,从全局了解下 Electron 要掌握什么。

跟着学下来,收获完全超出预期。开始先通过一个番茄钟小应用,带你快速入门;然后从 0 到 1,带你完整搭建了一个桌面远程控制项目,并在此过程中把 WebRTC 三大模块讲透。

更让我觉得可贵的是,邓耀龙不仅是技术高手,还非常具有分享精神,慷慨的把 Electron 工程化建设、实战中的问题和解决方案都分享出来了,指出有哪些技术关键点,和需要避开的坑,很多知识点都要反复看、反复体会才能吃透,真的让人醍醐灌顶。

跟着高手学,是较快提升自己的方式,马上要涨价到 129 了,现在只需要 69 拿下,如果你是新人,只要 59.9,别错过了。

新人首单 ¥59.9  ,仅限「前 50 人」

即将涨价至 ¥129,相当于 5 折

关于邓耀龙

邓耀龙,美团高级前端工程师。他所负责的美团大象,早在 2016 年就开始用 Electron 构建桌面端了,从 0 开始搭建了 Electorn 更新、崩溃治理、异常监控等多个基础服务。

除业务支撑外,他还负责公司内的 Electron 桌面应用基础建设,致力于提升桌面端开发的交付效率和交付质量。凭借累计的实战经验,他帮很多兄弟团队实现了 Electron 技术从无到有的落地过程。

我为什么推荐这个 Electron 课。

相比市面上的其他 Electron 资料,邓耀龙是以 Web 前端工程师的视角设计这门课的。也因此,更贴合真实开发,主要有 2 个吸引我的点:

1. 偏实战,让你在项目中熟悉 Electron 的技术特点并感受其乐趣。

2. 重工程化,为你梳理在工作中推行 Electron 工程化的建设思路,讲述真实项目中遇到的坑和具体的解决方案。

所以,课程并不仅仅局限于 Electron 本身,更多讲解与其相关的工程化建设流程,侧重于提升你的整体开发能力。带你掌握这些问题的最佳解决方式,触类旁通

再简单介绍一下内容结构

第一部分为基础篇,介绍 Electron 并深挖其原理,与 Web 开发做对比,针对不同之处介绍 Electron 开发。让你在实战中巩固基础,并带你写出一个 Demo。

第二部分为项目实战篇,带你从 0 开始,完成一个桌面控制软件——这是一个结合 Electron、Node.js 和 WebRTC 技术的综合项目。

第三部分为工程篇,这部分他逐步完善实战篇的项目,讲解在真实项目中做 Electron 应用的流程、工程化建设的关键点和实践技巧,帮你在业务中顺利落地。

类似的干货有很多,具体可以看看目录:

我们常说“不积跬步,无以至千里”,这句话中的“跬步”,我把它定义为:做成一件事。我们总会做很多事,但大多数时候,能真正得到提升的是“把事做成”。

成事的目标不分大小。它可以很小,比如学完两节课;也可以很大,比如用 2 个月时间搞懂 Electron 工程化建设的核心方法。最重要的是,一旦定好目标,就要竭尽全力把事做成。

申请了专属优惠:

新人首单 ¥59.9  ,仅限「前 50 人」

即将涨价至 ¥129,相当于 5 折

如果你也想 Electron 真正为你所用,成为手中的利器,千万不要错过它。

点击阅读原文

新人首单 ¥59.9,即将涨价至 129。

2021了,你还不会用 Electron 写一个桌面应用?相关推荐

  1. js桌面应用 Linux,从 1 到完美,用 js 和 electron 写一个桌面应用

    从 1 到完美,用 js 和 electron 写一个桌面应用 目前用 js 和前端技术写桌面软件的方案主要有两种:electron 和 nw.js.这两者在底层实现上有所不同,简单的说,electr ...

  2. (win环境)使用Electron打造一个桌面应用翻译小工具

    初始化项目 npm init 修改package.json {"name": "trans","version": "1.0.0& ...

  3. 入坑 Electron 开发跨平台桌面应用

    ‍ 作为一个跨平台的桌面应用开发框架,Electron 的迷人之处在于,它是建立在 Chromium 和 Node.js 之上的 -- 二位分工明确,一个负责界面,一个负责背后的逻辑,典型的「你负责貌 ...

  4. 都 2021 年了还不会连 ES6/ES2015 更新了什么都不知道吧

    都 2021 年了还不会连 ES6/ES2015 更新了什么都不知道吧 es6 / es2015 let & const 块级作用域 解构 数组解构 对象解构 模板字符串 Math + Num ...

  5. 用electron写桌面应用

    说起桌面应用,想必大家使用过的就已经海了去了.什么暴风影音.QQ.skype之类的,早已不是新鲜事!不过大家有没有了解过如何编写一个桌面应用?历史上,我们都有哪些方式去编写桌面应用呢? 实际上,桌面应 ...

  6. Electron应用-云桌面客户端

    文章目录 云桌面初认识: 3v融合端三大特性,十大亮点: Electron 简介: 术语: 主进程与渲染进程的区别: 进程之间的通信: Electron API: 主进程的部分模块解析: 渲染进程的部 ...

  7. 【项目精选】基于Electron + Vue的桌面音乐助手的设计与实现

    1. 使用技术 JavaScript框架 Electron和Vue框架 如果想开发一个桌面 GUI 应用软件,希望其能同时在 Windows.Linux 和 Mac 平台上运行,可选的技术框架并不多, ...

  8. 使用Electron打造跨平台桌面应用

    https://uinika.github.io/web/server/electron.html 早期桌面应用的开发主要借助原生 C/C++ API 进行,由于需要反复经历编译过程,且无法分离界面 ...

  9. 使用Electron实现一个iPic

    iPic 是一个很赞的应用,可以快速将图片上传到图床上.由于非会员只能使用免费的新浪图床,因为最近新浪图床防盗链和图片有效期的缘故,因此决定自己实现一个图片快速上传的应用. 大致对比了一下Flutte ...

最新文章

  1. 一个简单的生产消费者示例
  2. 日志按照天自动输出_性能测试和接口自动化测试
  3. pythonexcel表格教程_python对excel表格的操作
  4. LoRa 之一 旧版驱动(sx12xxDrivers-V2.1.0)移植及驱动架构详解
  5. 【数据结构与算法】之深入解析“搜索旋转排序数组”的求解思路与算法示例
  6. 黑马数据库html阶段考试,黑马web阶段web试题学生版.docx
  7. 土压力图怎么画_电气系统图怎么画?
  8. mysql mysql_set_charset_SQL注入攻击之 mysql_set_charset [转]
  9. 西餐美食店响应式网站模板
  10. Linux上监控tomcat down掉后自动重启tomcat
  11. seo外链重要性_为什么网站速度对于SEO至关重要?以及如何加快网站速度
  12. Linux内核网络协议栈8—socket监听
  13. 解读制造业数字化转型的现状及发展趋势
  14. c++ primer随笔
  15. redux入门指南(一)
  16. 《最后的风之子/神风终极战士》1024*576分辨率 BD中英双字无水印
  17. Ubuntu16.04 安装 卸载 pip
  18. 【字节跳动】数据分析师面经
  19. 你已经长大了,寄几的日志要寄几处理
  20. 中医证型关联规则挖掘Python代码【完整】

热门文章

  1. 那么选什么样的培训机构呢?哪个网络安全培训机构好一些?
  2. 手机游戏降低游戏延迟的软件_《和平精英》手游怎么降低网络延迟 降低网络延迟的方法攻略...
  3. 汤小鲜和范小满注重产品口味和品质
  4. html(10-小鲜兔儿项目)
  5. buuctf havefun
  6. MySQL入门篇-MySQL配置文件简介
  7. 文本无关的说话人识别综述(一)----简介
  8. Data Mining KDD
  9. 线性规划两阶段求解方法
  10. 请教popViewControllerAnimated的问题