Electron跨平台桌面应用开发介绍

发布于 1周前 作者 phonegap100 最后一次编辑是 5天前 来自 分享

Electron跨平台桌面应用开发介绍

主讲教师:(大地)

合作网站:https://www.itying.com/ 大地老师专栏:https://www.itying.com/category-79-b0.html

一、Electron的介绍

Electron是由Github开发的一个跨平台的桌面应用开发框架,可以让我们用html css js的技术开发桌面上面可以安装的软件。

实际上,桌面应用的历史并不算久远,不去查找各种资料,仅凭记忆,我能想到的曾经出现过的桌面应用编写语言就有:C++、Delphi、VB、winForm、WPF、swing、awt、QT、flash、Objective-C、Swift…或许还有更多。

截止2022年1月5日: Electron Github的 star已经达到99.8k,那么他的用户量可能已经超过100万了。还有大家知道的github的atom编辑器、微软的vscode编辑器、Facebook Messenger、Microsoft Teams、包括阿里内部的一些软件也是用 electron 开发的。既然这么热,那就一个字:学。

Github地址:https://github.com/electron/electron

官网:https://www.electronjs.org/ 图片1.png

二、为什么要学Electron

想起在网路里流传很广的一句话“不要和老夫说什么C++,Java,老夫行走江湖就靠一把JS,遇到需求撸起袖子就是干”。是的Electron可以让我们用html Css Js的前端技术来开发跨平台的桌面软件。

如果你有下面的需求建议学一下Electron:

1、公司有开发桌面应用的需求。 (Electron 开发速度快、开发周期短、跨平台 、维护成本低)

2、前端开发者想提升自己的技能,有必要学习一下Electron,大家都会Electron,所以我们也得学。 (我们不知道 不代表别人也不知道)

3、开发开源软件 推广自己的产品 (如:atom 如:vscode )。

4、同样的功能 开发软件比开发网站更赚钱。 (网站: 4k- 5万 app: 5万-50万 桌面软件:2万-50万元 )

三、关于NW.js 和Electron介绍

NW.js和Electron 都可以用前端的知识来开发桌面应用。NW.js和Electron起初是同一个作者开发。后来种种原因分为两个产品。一个命名为NW.js(英特尔公司提供技术支持)、另一命名为Electron(Github公司提供技术支持)。

NW.js和Electron可以用Nodejs中几乎所有的模块。NW.js和Electron不仅可以把html写的web页面打包成跨平台可以安装到电脑上面的软件,也可以通过javascript访问操作系统原生的UI和Api(控制窗口、添加菜单项目、托盘应用菜单、读写文件、访问剪贴板)。

目前用的比较多的还是electron。

四、搭建Electron的环境

1、准备工作: 01、电脑必须安装Nodejs, 推荐安装最新稳定版本(https://nodejs.org/en/) 02、电脑上面推荐安装git

2、安装electron环境

npm install -g electron

或者

cnpm install -g electron

3、查看Electron的版本

回到顶部