packageinstaller,前端可以做桌面软件开发吗?
当然是可以的,比较流行的就是electron,借助于node进行打包,将前端转化为桌面软件,下面我简单介绍一下electron是如何打包前端为桌面软件的,感兴趣的朋友可以尝试一下:
这个直接到node官网下载即可,windows环境下也就是exe安装包,双击便可安装,安装完成后,这里需要将node、npm这些常用命令添加到环境变量(也就是node的安装目录),后面使用起来也会非常方便:
安装electronnode安装完成后,这里还需要安装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,网上也有相关资料和教程,介绍的非常详细,感兴趣的话,可以搜一下,希望以上分享的内容能对你有所帮助吧,也欢迎大家评论、留言进行补充。
有什么方法用html开发桌面软件?
你说的应该是将HTML程序打包为桌面程序吧,这里介绍一种简单的方式,利用node.js的electron打包,下面我简单介绍一下实现过程,主要内容如下:
这里为了更好的说明问题,我新建了一个index.html文件,主要内容如下,就是一个简单的按钮提示功能:
浏览器打开后的效果如下:
1.首先,安装nodejs,这个直接到官网上下载就行,选择适合自己平台的版本即可,安装完成后,需要将node、npm这些常见命令(即node安装目录)添加到环境变量中,方便后面使用,如下:
2.接着就是安装electron和electron-packager这2个包,打包程序的时候要使用到这2个包,至于安装的话,直接在cmd窗口中输入命令“npm install electron electron-packager”就行,如下:
3.最后就是打包HTML为桌面程序了,主要步骤如下:
这里为了方便,我新建了一个package目录,把刚才的index.html移入到这个目录下,同时下面新建一个package.json文件和main.js一个文件,如下:
其中package.json用于指明打包的基本信息,main.js用于配置打包的详细信息,其基本内容如下:
package.json文件:name为应用名称,version为版本号,main为打包配置文件。
main.js文件:这里用于配置打包的详细信息,可以自行设置,网上资料很多,可以搜一下,我这里简单配置了一下:
接着就是运行打包命令了,cmd切换到刚才的package目录,然后运行命令“electron-packager . Hello --win --out HelloApp --arch=x64 --electron-version=3.0.10 --overwrite”就会自动打包,这里主要需要指明打包的目录、应用名称、输出目录、应用位数、版本号等,详细参数可以到网上搜一下,如下:
打包成功后,就能在输出目录HelloApp下的Hello-win32-x64目录中找到刚才打包好的Hello.exe应用程序,双击就能打开,如下:
至此,我们就完成了将HTML打包为桌面应用程序,其实就是用HTML开发桌面程序。总的来说,整个过程很简单,就是配置有些麻烦,只要你熟悉一下相关过程和参数,多练习几遍,很快就能掌握的,当然,你也可以利用其它方式来打包HTML程序,像nw.js,cef等,都可以,网上也有相关教程和资料,感兴趣的话,可以搜一下,希望以上分享的内容能对你有所帮助吧,也欢迎大家评论、留言。
还没有评论,来说两句吧...