html5--打包器使用说明_第1页
html5--打包器使用说明_第2页
html5--打包器使用说明_第3页
html5--打包器使用说明_第4页
全文预览已结束

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

1、用node-webkit把web应用打包成桌面应用 博客地址:/2050/p/.htmlnode-webkit是 一个Chromium和node.js上的结合体,通过它我们可以把建立在chrome浏览器和node.js上的web应用打包成桌面应用,而且还可以 跨平台的哦。很显然比起传统的桌面应用,在某些特定领域用html5+css3+js开发的web应用更加简单和高效,而且还可以使用node.js的功 能,所以node-webkit还是很有用处的。下面我通过一个简单的demo来介绍怎么样把一个web应用打包成一个可执行文件(这里只介绍windows环境

2、)首先新建一个index.html文件,作为我们这个demo的入口页面,我们暂且就把这个页面当成一个完整的web应用吧。内容随便写点什么,比如:然后创建配置文件 package.json,内容如下:其中的main属性就是用来指定入口文件的,这个属性的值可以是本地文件,也可以是远程网址,这样就相当于可以把一个远程的web应用直接变为一个桌面应用了。除了name与main这两个属性外,还有很多其他有用的属性可以配置,比如指定应用的图标,显不显示浏览器的工具栏,指定浏览器的初始大小等等,具体的配置参数文档可看这里/rogerwang/node-webkit/wiki

3、/Manifest-format现在我们有了两个文件了。然后将index.html和package.json这两个文件压缩到一个zip压缩包里,命名为app.zip现在app.zip这个压缩包里的内容应该是这样的:然后把app.zip这个文件的扩展名改为nw,变为 app.nw然后下载一个windows版本的node-webkit,解压后得到一个文件夹:之后我们之前得到的app.nw这个文件就可以用nw.exe来执行了,直接把app.nw拖到nw.exe上就可以了。运行结果如下:跟在chrome中打开index.html这个页面的效果差不多,当然你可以通过配置package.json这个文件,

4、来隐藏浏览器的工具栏或边框,来使它更像是一个桌面软件。因为nw文件的运行需要node-webkit环境的支持,所以我们还需要把app.nw这个文件跟node-webkit的环境文件一起打包成一个可执行文件。首先打开windows的cmd,然后输入如下命令:copy /b nw.exe+app.nw app.exe注意文件路径要根据你的实际情况进行变动,这里假设app.nw放在了node-webkit的主文件夹里,然后输出的app.exe也会在这个文件夹里。执行命令后我们得到了 app.exe 这个可执行文件。到了这步,我们已经得到了app.exe这个文件,但如果只有app.exe这个文件还是不

5、够的,这个可执行文件的运行还需要几个dll文件的支持。其中 nw.pak 与 icudt.dll 这个两个文件是必须要的。ffmpegsumo.dll 文件是媒体支持文件,如果你的html页面中用到了或或其它与媒体相关的东西,则必须带上这个文件。libEGL.dll 和 libGLESv2.dll 这个两个文件则是使用webGL或GPU必须要的最后我们得到的就是这样一个文件夹:执行app.exe就可以运行我们的demo了。但我们大多数人想的是给用户一个exe文件,用户就可以使用了,不用再附带一些其他文件。嗯,所以我们还可以把app.exe跟其他的文件再打包一次,把上图中的所有文件变成一个可执行文件,用户只要得到这个文件,就能运行我们的应用了。做这步我们需要一个软件叫Enigma Virtual Box,首先下载和安装这个软件,然后打开它。然后在Enter Input File Name那里输入我们的app.exe的路径,在Enter Output File Name那里填写我们要把打包出来的可执行文件输出到哪里。最后是把除app.exe外的其它文件拖入到Files那里

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论