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

一、环境配置

windows系统

cnpm install node

下载nw.js

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

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

找到download下载合适的版本

二、开发

项目目录如下:

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

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

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在根目录下

解压后的文件应如图

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

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

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

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

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

最后点击执行封包按钮

直至app_box.exe生成

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

上一篇:Re:从0开始的微服务架构:(一)重识微服务架构--转


下一篇:高并发架构系列:如何从0到1设计一个类Dubbo的RPC框架