HTML5开发完成之后用Node-Webkit打包。
基于node.js和chromium的应用程序实时运行环境,可运行通过HTML(5)、CSS(3)、Javascript来编写的本地应用程序。 node.js和webkit的结合体,webkit提供DOM *** 作,node.js提供本地化 *** 作;且将二者的context完全整合,可在HTML代 码中直接使用node.js的API。
如何使用Node-Webkit开发HTML5本地桌面应用这非常简单,像传统的开发你的HTML5应用一样开发它们,完成之后用Node-Webkit打包它。打包的方法是
先下载Node-Webkit
然后创建一个包文件命名为package.json, 写入下面的代码:
{
"name": "nw-demo",
"main": "index.html"
}
这里的“name”是你应用的名称,“main”是你的应用的启动文件,也就是应用启动是第一加载的文件。
将你的HTML5应用文件和package.json一起打包成zip
重命名zip文件,将其后缀变成 .nw ,比如app.nw
现在你就可以用node-webkit runtime来运行你的app了在Linux上的运行命令是
./nw app.nw
在Windows平台上你可以直接把你的app.nw拖拽到 nw.exe 程序上就行了。
想让你的应用更容易传播和发布,可以将它和node-webkit封装到一起,也就是将你的HTML5应用 app.nw 和 nw.exe 合成一个可执行文件。在Linux上的做法是
cat /usr/bin/nw app.nw >app &&chmod +x app
在Window上的做法是
copy /b nw.exe+app.nw app.exe
摘自:http://www.webhek.com/html5-native-desktop-app
肯定可以的,很多桌面应用或手机APP都是基于B/S架构,去了解下 Electron + vue.js MVVM 框架,适合SPA单页应用;学习成本不高,应该很快可以掌握的,毕竟复杂的开发工具和库大神们已经完成了;欢迎分享,转载请注明来源:内存溢出
评论列表(0条)