分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 网页技术

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

发布时间:2023-09-06 01:11责任编辑:郭大石关键词:js

一、环境配置

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)

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

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved