首页 > 常见问答

如何利用HTML开发桌面程序?

网友解答:

你说的应该是将html程序打包为桌面程序吧,这里介绍一种简单的方式,利用node.js的electron打包,下面我简单介绍一下实现过程,主要内容如下:

这里为了更好的说明问题,我新建了一个index.html文件,主要内容如下,就是一个简单的按钮提示功能:

浏览器打开后的效果如下:

1.首先,安装nodejs,这个直接到官网上下载就行,选择适合自己平台的版本即可,安装完成后,需要将node、npm这些常见命令(即node安装目录)添加到环境变量中,方便后面使用,如下:

如何利用HTML开发桌面程序?

2.接着就是安装electron和electron-packager这2个包,打包程序的时候要使用到这2个包,至于安装的话,直接在cmd窗口中输入命令“npminstallelectronelectron-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--outhelloapp--arch=x64--electron-version=3.0.10--overwrite”就会自动打包,这里主要需要指明打包的目录、应用名称、输出目录、应用位数、版本号等,详细参数可以到网上搜一下,如下:

打包成功后,就能在输出目录helloapp下的hello-win32-x64目录中找到刚才打包好的hello.exe应用程序,双击就能打开,如下:

至此,我们就完成了将html打包为桌面应用程序,其实就是用html开发桌面程序。总的来说,整个过程很简单,就是配置有些麻烦,只要你熟悉一下相关过程和参数,多练习几遍,很快就能掌握的,当然,你也可以利用其它方式来打包html程序,像nw.js,cef等,都可以,网上也有相关教程和资料,感兴趣的话,可以搜一下,希望以上分享的内容能对你有所帮助吧,也欢迎大家评论、留言。

网友解答:

纯html确实是写不出桌面程序的,但是可以通过第三方工具对html文件进行打包操作,打包完后就是一个可以运行在桌面的应用程序了。

electronjs

官网:

https://electronjs.org/

如果你可以建一个网站,你就可以建一个桌面应用程序。electron是一个使用javascript,html和css等web技术创建原生程序的框架,它负责比较难搞的部分,你只需把精力放在你的应用的核心上即可。

electron让你为你的公司或想法创建桌面端应用变得很简单。最初为github的atom编辑器开发,electron已被像微软、facebook、slack和docker这样的公司用于创建应用程序了。

nw.js

官网:

https://nwjs.io/

nw.js(以前称为nodewebkit)允许您直接从dom调用所有node.js模块,并支持使用所有web技术编写应用程序的新方法。

nw.js是一个使用web技术创建本地应用的框架,如html、javascript和css。简单地说,当你在使用普通的流程开发一个web应用时,开发完成后,运行一个生成器,将所有东西编译成一个本地应用,它会像一个浏览器一样运行你的web应用。这种应用就被称为“hybrid应用(一种混合本地编程和web编程技术的应用)”。

并且nw.js是国人开发的工具,比electron还要早发布,不过目前没有electron流行,如果是写基础小应用,二者没有什么大区别,可以随意尝试,这两个都是很不错的框架。

以上就是两种方便快捷的解决方案,希望能够帮到你。

关注我

如果我的回答,帮到了你,欢迎点赞转发哟,让跟多的人学到新知识。

如果你有什么疑问,也可以在下方评论哟,我会尽快为你解答。

感谢阅读

原文标题:如何利用HTML开发桌面程序?,如若转载,请注明出处:https://www.saibowen.com/wenda/20053.html
免责声明:此资讯系转载自合作媒体或互联网其它网站,「赛伯温」登载此文出于传递更多信息之目的,并不意味着赞同其观点或证实其描述,文章内容仅供参考。