码迷,mamicode.com
首页 > Web开发 > 详细

NW.js构建桌面应用

时间:2018-01-27 17:09:45      阅读:248      评论:0      收藏:0      [点我收藏+]

标签:art   json   sdk   title   适合   pack   bsp   map   合并   

 

 

 

 

  最近要做个桌面的应用,用起来也方便。找了一圈发现NW.js挺容易上手,分享给大家。  

NW.js

  官网https://nwjs.io/

  1.下载适合当前版本的js

  【这里下载的SDK版本,方便后续调试】

技术分享图片

  2.解压到本地

技术分享图片

  3.构建自己的project
  index.html和package.json这两个文件必须要有的。

技术分享图片

技术分享图片

技术分享图片

  4.把项目放到nw.js解压后的同一目录下

技术分享图片

  5.命令进入到当前文件夹 输入 nw myapp

技术分享图片

技术分享图片

  也可以直接把项目拖到nw.exe

技术分享图片

  6.将应用打包成app.nw文件,进入myapp文件夹中,将所有文件选择打成zip包,然后改名为app.nw

  7.合并app.nw和nw.exe:

  将app.nw文件移动到和nw.exe同级目录下,然后执行命令copy /b nw.exe+app.nw app.exe,这时是可以直接执行app.exe的,但换到其它目录就不可以执行了,因为换到其它目录找不到nwjs包内的依赖文件

技术分享图片

 

【但只能在当前环境执行,在别处使用时需要打包,生成  .exe文件】

  8.使用Enigma Virtual Box打成独立的可执行的exe文件
  http://enigmaprotector.com/en/downloads.html

技术分享图片

    9.(1)导入项目的.exe文件

  (2)选择输出路径【打包后的文件存放地址】

       (3)把nw.sj的问价拖到这里,不包含自己的项目

  技术分享图片

 

   10.点击process

技术分享图片

  11.success!

  技术分享图片

 

   12.生成的文件技术分享图片

(完。。。)

原文https://jingyan.baidu.com/article/3065b3b6a06c92becff8a483.html

 

NW.js构建桌面应用

标签:art   json   sdk   title   适合   pack   bsp   map   合并   

原文地址:https://www.cnblogs.com/sener/p/8366164.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!