简述Electron的发展和应用

女爷i 2022-11-05 05:18 256阅读 0赞

## 简述 ##

在即时通讯网的官方技术群里不只一次看到大家在讨论Electron技术，作为新一代基于Web的桌面技术，已经被越来越的产品采用，成熟度和认可度都不错，Electron技术可以降低开发PC端的成本和难度，或许PC富客户端和Web端再也不需要二选一了。

Electron（最初名为Atom Shell\[3\]）是GitHub开发的一个开源框架。它允许使用Node.js（作为后端）和Chromium（作为前端）完成桌面GUI应用程序的开发。Electron现已被多个开源Web应用程序用于前端与后端的开发，著名项目包括GitHub的Atom和微软的Visual Studio Code。Electron是一个由GitHub开发的开源库，通过将Chromium和Node.js组合并使用HTML，CSS和JavaScript进行构建Mac，Windows，和Linux跨平台桌面应用程序。

## 介绍 ##

Electron设计之初便充分结合了当今最好的Web技术，作为一个跨平台的“集成框架”，它可以轻松地与Mac、Windows和Linux兼容。而所谓的“集成框架”也就是它将“Chromium”和“Node.js”很好的集成在了一起，并明确分工，Electron负责硬件部分，“Chromium”和“Node.js”负责界面与逻辑，大家井井有条，共同构成了一个成本低廉却十分高效的解决方案，在快速交付上甚至比Native还要快速。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FueVJUQw_size_16_color_FFFFFF_t_70_pic_center][]

## 优点 ##

Electron 可以让你重用 Web 应用的代码来构建桌面应用，不仅如此，构建出来的应用可以同时在 Windows、Mac OS X 和 Linux 上运行，这有一个非常大的好处：代码和技能都可以复用，并且释放了一拨新的应用。支持多种操作系统，而软件本身可以使用 JavaScript 编写，这个能力可以带来非常多的好处。尽管新的移动计算平台正在崛起，但是 PC 至今仍然是人们常用的，这也是为什么使用 Node.js 构建桌面应用正变为一种有意思的分发软件的方式。

Electron可以帮助前端开发者在不需要学习其他语言和技能的情况下，快速开发跨平台桌面应用。Electron的出现将蚕食很大一部分桌面客户端领域的市场份额，鉴于它的跨平台特性，在不同系统之间仅需少量的优化工作。可想而知，这个成本到底有多低。在开发的体验上，Electron是基于"Chromium"和"Node.js"的，所以几乎所有的Node.js模块都可以在Electron上运行，并很容易使用“npm”搭积木的方式快速交付一个产品。

Electron提供了一个Nodejs的运行时，专注于构建桌面应用，同时使用web页面来作为应用的GUI，你可以将其看作是一个由JavaScript控制的迷你版的Chromium浏览器。Electron开源的核心扩展比较容易，目前是基于 node 6.x，加之现在 gyp 已经非常人性化了，使得c++ 和 js 搞基非常容易。Electron界面定制性强，原则上只要是Web能做的他都能做。

## 总结 ##

Electron是一个年轻的开源项目，被原作者一个人维护了很长时间，这反而成了很好的开始。浏览器是个比较复杂的东西，很少能引起人的兴趣，但是Electron已经有了很多个开发者，还有很好的跨平台支持，有了个不错的开始。

Electron采用的是Chrome内核来做前端渲染，基于Chrome谈音视频，如果要用开源的音视频方案，现在最流行的就是WebRTC了。基于WebRTC技术，可以实现简单的视频通话场景。音视频产品跨平台开发的重要性在逐步凸显，anyRTC作为专业的实时语音视频云服务商，推出基于Electron平台的SDK，让开发者通过调用anyRTC SDK即可实现跨平台应用的快速构建。anyRTC Electron SDK基于Electron C++的拓展插件调用即构原生sdk实现，并对js与原生sdk交互进行优化实现高性能。

anyRTC跨平台SDK已经包括了APIcloud、Electron、Flutter、uni-app 框架，为众多的开发者们提供了更多的选择，和更加良好的开发环境。anyRTC SDK 是anyRTC 为实时互动通信及直播类应用量身打造而成的SDK,包括了实时音频、视频、混音、屏幕共享等功能，适用于娱乐、游戏、教育等场景。支持公有云、混合云、私有云等部署方式。  
anyRTC官网：[https://www.anyrtc.io/][https_www.anyrtc.io]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FueVJUQw_size_16_color_FFFFFF_t_70_pic_center]: /images/20221023/c24885a087b34c01875e4f29cd66eb21.png
[https_www.anyrtc.io]: https://www.anyrtc.io/