百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 热门文章 > 正文

“如果你可以建一个网站,就可以建一个桌面应用程序”

bigegpt 2025-02-19 11:02 8 浏览

你是否曾受限于浏览器的沙盒限制,或者再操作网页应用时无法满足下列场景下的使用需求,譬如读写本地文件、调用更多系统资源等。


因此,你想自行开发一个可以跨平台的调动资源的程序,但是又担心要学习新的语言,时间来不及,开发预算不足。


面对上述困扰,相信许多前端小伙伴脑中就会反应出一个应用程序——Electron。Electron的官网上说:



Electron是一个使用JavaScript、HTML 和 CSS构建,支持 Web 技术的跨平台开发桌面应用程序( GUI ),其本身是基于 C++ 开发的,GUI 核心来自于 Chrome,而 JavaScript 引擎使用 V8。


01


Electron诞生


回顾这项技术的诞生历程,堪称有趣。


时间回到2011年,一个叫王文睿的程序员与同事在讨论如何为Tizen WebRuntime增加扩展API的时候,创建了Node-Webkit项目,并打算用Node.js来操作WebKit。幸运的是,这样的尝试得到了单位的大力支持,当时王文睿就职的公司内部有个鼓励创新计划,这不仅给王文睿足够的时间,同时还分配了招聘名额,让他找到协助完善这个项目的同行人。


彼时,另外一位年轻人赵成进入了这个团队,并在实习的半年多时间里开发了跨平台的UI库功能,以及Node-Webkit进行了一系列的修改与完善。


后来,赵成离开了,但是探索的脚步并未停止。之后,赵成帮助github团队尝试把Node-Webki应用到Atom编辑器上。不过因项目稳定性等原因,最终这个尝试以失败告终。直至2013年,GitHub与赵成启动了一个类似Node-Webkit的项目:Atom Shell。不久后,基于Atom 的框架,Electron被开发出来。2014年,这两个项目正式开源。(此处背景源自网络公开资料)



时至今日,Electron被Atom编辑器和许多其他应用程序使用,并且兼容Mac、Windows 和 Linux,可以构建出三个平台的应用程序。其中,这两年爆火的飞书就是基于这个技术开发而来,另外,VS Code、Slack等应用也是基于这个技术开发。

02


推荐一个GVP项目


初步了解这项技术的魅力及应用历程之后,今天,勤奋好学的马建仓就给大家推荐一款以Electron为核心的入门简单、功能丰富的 js 跨平台桌面软件开发框架——electron-egg


项目概述


  • 项目简介:

1. 这是一套代码,可以打包成Windows版、Mac版、Linux版或者以web网站运行,你只需要学习js语言即可,不过也同时支持Vue、React、EJS等前端技术。


2. 从理论上来说,electron-egg支持任何前端技术,能够编写出精美的UI效果。

3. 同时,该项目也可以用服务端的开发思维,来编写桌面软件,更重要的是还能同时启动多个工作进程。


操作准备


正式操作之前,你需要了解以下三个知识


  • 进程:框架有三种进程,即electron主进程、electron渲染进程及egg服务进程。
  • 业务调用,需要了解从前端-> egg业务、前端->electron业务等,并自由组合使用
  • 掌握的开发语言:javascript、Node.js


使用流程



向上滑动阅览

1.选择开发模式:打开配置文件:electron-egg/electron/config.js。

2. 启动:

(1) vue模式【默认】;

(2) react模式,同vue;

(3) ejs模式,模板渲染

3. 编写一个api,供前端使用。

4. 如果是ejs模板渲染方式,编写一个hello页面。

5. 打包成exe、dmg、deb可执行文件。


场景演示

相关推荐

Linux 系统启动完整流程

一、启动系统流程简介如上图,简述系统启动的大概流程:1:硬件引导UEFi或BIOS初始化,运行POST开机自检2:grub2引导阶段系统固件会从MBR中读取启动加载器,然后将控制权交给启动加载器GRU...

超专业解析!10分钟带你搞懂Linux中直接I/O原理

我们先看一张图:这张图大体上描述了Linux系统上,应用程序对磁盘上的文件进行读写时,从上到下经历了哪些事情。这篇文章就以这张图为基础,介绍Linux在I/O上做了哪些事情。文件系统什么是...

linux入门系列12--磁盘管理之分区、格式化与挂载

前面系列文章讲解了VI编辑器、常用命令、防火墙及网络服务管理,本篇将讲解磁盘管理相关知识。本文将会介绍大量的Linux命令,其中有一部分在“linux入门系列5--新手必会的linux命令”一文中已经...

Linux环境下如何设置多个交叉编译工具链?

常见的Linux操作系统都可以通过包管理器安装交叉编译工具链,比如Ubuntu环境下使用如下命令安装gcc交叉编译器:sudoapt-getinstallgcc-arm-linux-gnueab...

可算是有文章,把Linux零拷贝技术讲透彻了

阅读本文大概需要6.0分钟。作者:卡巴拉的树链接:https://dwz.cn/BaQWWtmh本文探讨Linux中主要的几种零拷贝技术以及零拷贝技术适用的场景。为了迅速建立起零拷贝的概念...

linux软链接的创建、删除和更新

大家都知道,有的时候,我们为了省下空间,都会使用链接的方式来进行引用操作。同样的,在系统级别也有。在Windows系列中,我们称其为快捷方式,在Linux中我们称其为链接(基本上都差不多了,其中可能...

Linux 中最容易被黑客动手脚的关键目录

在Linux系统中,黑客攻击后常会针对关键目录和文件进行修改以实现持久化、提权或隐藏恶意活动。本文介绍下黑客最常修改的目录及其手法。一、/etc目录关键文件有:/etc/passwd和/et...

linux之间传文件命令之Rsync傻瓜式教程

1.前言linux之间传文件命令用什么命令?本文介绍一种最常用,也是功能强大的文件同步和传输工具Rsync,本文提供详细傻瓜式教程。在本教程中,我们将通过实际使用案例和最常见的rsync选项的详细说...

Linux下删除目录符号链接的方法

技术背景在Linux系统中,符号链接(symlink)是一种特殊的文件,它指向另一个文件或目录。有时候,我们可能需要删除符号链接,但保留其指向的目标目录。然而,在删除符号链接时可能会遇到一些问题,例如...

阿里云国际站注册教程:aa云服务器怎么远程链接?

在全球化的今天,互联网带给我们无以计数的便利,而云服务器则是其中的重要基础设施之一。这篇文章将围绕阿里云国际站注册、aa云服务器如何远程链接,以及服务器安全防护如Ddos防火墙、网站应用防护waf防火...

Linux 5.16 网络子系统大范围升级 多个新适配器驱动加入

Linux在数据中心中占主导地位,因此每个内核升级周期的网络子系统变化仍然相当活跃。Linux5.16也不例外,周一最新与网络相关的更新加入了大量的驱动和新规范的支持。一个较新硬件的驱动是Realt...

搭建局域网文件共享服务(Samba),手机电脑都能看喜欢的影视剧

作为一名影视爱好者,为了方便地观看自己喜欢的影视作品,在家里搞一个专门用来存放电影的服务器是有必要的。蚁哥选则用一台Ubuntu系统的电脑做为服务器,共享影音文件,其他同一个局域网内的电脑或手机可以...

分享一个实用脚本—centos7系统巡检

概述这周闲得慌,就根据需求写了差不多20个脚本(部分是之前分享过的做了一些改进),今天主要分享一个给平时运维人员用的centos7系统巡检的脚本,或者排查问题检查系统情况也可以用..实用脚本#!/bi...

Linux 中创建符号链接的方法

技术背景在Linux系统里,符号链接(SymbolicLink),也被叫做软链接(SoftLink),是一种特殊的文件,它指向另一个文件或者目录。符号链接为文件和目录的管理带来了极大的便利,比...

一文掌握 Linux 符号链接

符号链接(SymbolicLink),通常被称为“软链接”,是Linux文件系统中一种强大而灵活的工具。它允许用户创建指向文件或目录的“快捷方式”,不仅简化了文件管理,还在系统配置、软件开发和日...