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

nw.js开发第一个程序(html开发桌面程序exe)

时间:2017-09-15 12:06:43      阅读:864      评论:0      收藏:0      [点我收藏+]

标签:tps   修改文件   script   alt   dex   git   image   运行   xls   

一、环境配置

windows系统

cnpm install node

下载nw.js

https://github.com/nwjs/nw.js

技术分享

找到download下载合适的版本

 

二、开发

项目目录如下:

node_modules存放用到的node模块,package.json是入口文件

技术分享

package.json内容为

{
“name”: “nw-app”,
“version”: “1.0.0”,
“description”: “”,
“main”: “index.html”,

“author”: “”,
“window”: {
“toolbar”: true,
“width”: 800,
“height”: 500
}

}

main定义了主页面为index.html

三、添加node模块

win+R

cmd

至项目目录下

cnpm install fs

cnpm install node=xlsx

node模块就加入到node_module文件夹中

四、调试

将项目文件夹放入nwjs文件夹中

拖动项目文件夹至nw.exe上,即可执行项目

打开项目后右键选择检查(即调试)

五、打包

1、在项目文件夹中打包成zip文件,确保package.json在根目录下

解压后的文件应如图

技术分享

2、修改文件后缀为.nw

3、将app.nw文件放入nwjs文件夹中,与nw.exe在同一目录下

4、cd 至nwjs文件夹下执行:

copy /b nw.exe+app.nw app.exe

生成新的app.exe

5、下载Enigma Virtual Box

http://enigmaprotector.com/en/downloads.html

注意是box不是protector

安装

6、运行Box

技术分享

合成的app.exe添加入带封包的主程里

再将nwjs中的单独的文件和locales文件夹拖入文件中,

最后点击执行封包按钮

直至app_box.exe生成

最终生成的这个执行文件就可以直接转发给别人使用了

nw.js开发第一个程序(html开发桌面程序exe)

标签:tps   修改文件   script   alt   dex   git   image   运行   xls   

原文地址:http://www.cnblogs.com/rainbowz/p/7525115.html

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