18910140161

用HTML5打造本地桌面应用

顺晟科技

2021-06-16 10:53:37

170

在手机端,有个很棒的工具叫PhoneGap。有了这个快速开发平台,任何人都可以使用HTML5 CSS3 JavaScript开发Android、iOS等应用。PhoneGap的一个更好的特性是,你不需要连接到互联网或网络服务器,所以你可以把它当成一个本地桌面应用程序。一旦下载到本地,就可以像本地应用程序一样脱机使用。

phonegap

通常我们感觉网上有很多有趣的HTML应用,但是这些应用需要你打开浏览器,输入网址。事实上,我们更喜欢直接点击桌面上的图标来启动程序的体验。用HTML5 js开发的本地桌面应用是为了提升用户体验。除了上面提到的PhoneGap,还有一些开发HTML5本地桌面应用的框架,比如Pokki,Chrome Package Apps或者Mozilla XUL Runner。

Pokki和Chrome不仅可以用来开发HTML5桌面应用,还可以在交易市场上销售这些应用。

另一个有趣的工具是Node-Webkit,这将在下面的文章中主要讨论。

Node-Webkit是一个基于Chromium和Node.js的运行平台,它允许你将HTML5应用打包成桌面应用或游戏,安装在Windows、Linux或Mac系统上。节点-网络工具包项目由英特尔开源技术中心开发,由王文瑞发起。

为什么Node-WebKit是开发HTML5本地桌面应用的更佳选择

Node-WebKit可以将您的HTML5应用程序打包到本地桌面应用程序中。在Windows、Linux或Mac平台上,可以独立运行自己的HTML5应用,不需要其他依赖。

它支持Node.js你可以使用Node.js的所有模块来开发你喜欢的应用或者游戏。不仅可以使用Node.js的原生模块,还可以使用node.js的第三方模块。

如何使用Node-Webkit开发HTML5本地桌面应用

很简单,像传统的一样开发你的HTML5应用,然后用Node-Webkit打包。包装方法是

首先下载节点-网络工具包

然后创建一个名为package.json的包文件,并编写以下代码:

{

名称' : '西北-演示',

main': 'index.html

}

这里,“name”是你的应用程序的名称,“main”是你的应用程序的启动文件,也就是应用程序启动是个加载的文件。

把你的HTML5应用文件和package.json打包成zip

重命名zip文件,并将其后缀更改为。nw,如app.nw

现在,您可以使用node-webkit运行时来运行您的应用程序。Linux上运行的命令是。/nw app.nw

在视窗平台上,你可以把你的应用直接拖放到nw.exe程序中。

为了使您的应用程序更容易传播和发布,您可以使用node-webkit对其进行打包,即将您的HTML5应用程序app.nw和nw.exe合并到一个可执行文件中。在Linux上实现的方法是

cat/usr/bin/NW app . NW app chmod x app

在窗户上做这件事的方法是

复制/b nw.exe app . NW app.exe

你可以看看这个wiki文档,里面有更详细的介绍。希望这篇文章能帮到你

  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航