前端可以做桌面软件开发吗?

单鑫


非著名程序员:换个角度看世界,另辟蹊径,提供新思路,优质的回答。

前端当然可以做桌面开发了。

Electron 了解一下,它是一个跨平台桌面应用开发框架。它就是使用 JavaScript, HTML 和 CSS 构建跨平台的桌面应用。


Electron 非常的迷人,究其根本是因为它是建立在「Chromium」和「Node」之上的,一个负责界面,一个负责背后的逻辑,典型的「你负责貌美如花,我负责赚钱养家」,为什么 Electron 能够开发跨平台的桌面应用也就可以理解了。


在这个框架中很容易构建基于 HTML、CSS 和 JavaScript 技术的跨平台应用。构建出来的应用会很好地兼容 Mac、Windows 和 Linux 操作系统。

它还有其它一些特性:

  • 自动更新 —— 应用支持自动更新

  • 原生菜单和通知 —— 可以创建原生应用菜单和上下文菜单

  • 应用崩溃报告 —— 可以将崩溃报告提交到远程服务器

  • 调试和分析 —— Chrominum 的内容模块可以发现性能瓶颈和缓慢的操作。你也可以在应用中使用自己喜欢的 Chrome 开发者工具。

  • Windows installer —— 可以快速便捷地创建安装包。


我感觉对于前端程序员来讲,大家感兴趣的话,真的是可以去了解一下 Electron ,可以去尝试一下写桌面软件。多感受一下桌面端的体验真的非常的好。


非著名程序员


当然是可以的,比较流行的就是electron,借助于node进行打包,将前端转化为桌面软件,下面我简单介绍一下electron是如何打包前端为桌面软件的,感兴趣的朋友可以尝试一下:

搭建node环境

这个直接到node官网下载即可,windows环境下也就是exe安装包,双击便可安装,安装完成后,这里需要将node、npm这些常用命令添加到环境变量(也就是node的安装目录),后面使用起来也会非常方便:

安装electron

node安装完成后,这里还需要安装electron,打包的时候要用到,直接在cmd窗口输入命令“npm install electron electron-packager”即可,如下,如果下载过程比较慢,可以更换一下npm源:

打包软件

01、创建打包目录及打包所需文件

一切准备就绪后,我们就可以直接开始打包前端软件了,新建一个文件夹,将需要打包的前端文件放进去,同时创建package.json和main.js这2个文件,目录结构如下:

02、配置打包所需文件

  • package.json配置如下,这主要指明应用名称、版本号以及打包配置文件:

  • main.js配置如下,这里主要指明打包的具体过程,重点是需要打包的html文件,网上相关配置非常多,可以做适当调整和补充:

03、打包软件

打开cmd,cd切换到打包目录,然后直接运行“electron-packager . APP --win --out AppDir --arch=x64 --electron-version=3.0.10 --overwrite”命令即可,这里主要是指明平台、输出目录、位数、版本号等:

打包完成,即可在APPDir输出目录看到打包的exe程序,双击便可正常运行,本质其实就是嵌套了一个浏览器内核:

至此,我们就完成了将前端网页打包为桌面软件。总的来说,整个过程非常简单,借助于electron我们可以快速完成打包软件,当然,你也可以使用nwjs,网上也有相关资料和教程,介绍的非常详细,感兴趣的话,可以搜一下,希望以上分享的内容能对你有所帮助吧,也欢迎大家评论、留言进行补充。


小小猿爱嘻嘻


可以的,前端主要就是js,也就是JavaScript ,以前叫脚本语言,但是它的功能真的很强大,他不仅可以做网站,还可以用在游戏开发中,比如unity中,可以用js写手机端游戏,它也可以用来做桌面应用软件,比较出名的框架是electron框架,用这个就可以将js用来开发桌面应用,总之,前端技术是一门很强大的技术,能做的领域很多,即使是被c语言等占领的桌面应用领域。


分享到:


相關文章: