您好,登录后才能下订单哦!
今天小编给大家分享一下node-webkit怎么使用的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。
“node-webkit”是一个基于“node.js”和chromium的应用程序运行环境;该环境可以将建立在浏览器和“node.js”上的web应用打包成桌面应用,也就是利用HTML、css和JavaScript来编写PC桌面应用。
本文操作环境:Windows10系统、nodejs 12.19.0版、Dell G3电脑。
node-webkit 是一个基于node.js和chromium的应用程序运行环境,通过它我们可以把建立在chrome浏览器和node.js上的web应用打包成桌面应用,而且还可以跨平台的哦。很显然比起传统的桌面应用,在某些特定领域用html5+css3+js开发的web应用更加简单和高效,而且还可以使用node.js的功能,所以node-webkit还是很有用处的。它使得那些只会javaScript和HTML的程序员也能开发桌面应用,并且它是开源的。
也即是说我们可以通过HTML,CSS,JavaScript实现一个本地化的应用程序。整个项目最具创意的部分就是将node.js整合进来,使得应用开发者能够直接在DOM里使用node.js模块,大大增强了Web端JavaScript的能力。该项目是由Intel开源项目中心开发与维护的。
事实上能够理解为还是编写web app。可是能够使用node.js的api,最后将整个应用连浏览器打包公布出去。所以它不受平台限制(使用到node.js调用操作系统api除外),一份代码打包到相应平台公布就可以,假设有了解过phonegap/cordova。这个node-webkit和它们是非常类似的。仅仅是多了node.js这一块。
这里介绍使用node-webkit开发一个项目的操作流程。
下载node-webkit
在https://github.com/rogerwang/node-webkit 下载对应操作系统的文件。解压即可。建议将其添加到环境变量中。
新建项目
新建项目文件夹. C:/Users/keith/node/webkitdemo
新建 package.json
<!DOCTYPE html> <html> <head> <title>Hello World!</title> </head> <body> <h2>Hello Node-webkit</h2> Node.js version: <script>document.write(process.version)</script>. </body> </html>
运行
在命令行下:
npm install node-webkit-builder -g cd C:/Users/keith/node/ nwbuild -p win C:/Users/keith/node/webkitdemo/ cd build/demo/win/ ./demo.exe //运行程序
此时你可以选择直接将编译后的文件夹压缩发布出去,也可以选择再将编译后的文件夹打包为一个exe文件,直接发布这个exe文件,如果要这样做的话需要一个一个工具Enigma Virtual Box,安装之后运行Enigma virtual box
在Enter Input File Name选择C:/Users/keith/node/build/win/demo.exe文件,再点击下面的add按钮添加C:/Users/keith/node/build/demo/win目录下的所有dll文件和nw.pak,再点击Files Opions,勾选compress压缩文件,最后点击Process,完成。
以上就是“node-webkit怎么使用”这篇文章的所有内容,感谢各位的阅读!相信大家阅读完这篇文章都有很大的收获,小编每天都会为大家更新不同的知识,如果还想学习更多的知识,请关注亿速云行业资讯频道。
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。