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

一、环境配置

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生成

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

时间: 2025-01-19 21:54:15

nw.js开发第一个程序(html开发桌面程序exe)的相关文章

windows phone开发第一步:搭建软件开发环境

windows phone开发第一步:搭建软件开发环境:http://www.cnblogs.com/hanjun/archive/2012/10/09/2716669.html

700k把web端程序包装为桌面程序

electron因为自带cef所以体积巨大,还不是因为windows没有chromium的webview嘛,现在有了新edge后,这个项目通过依赖各个平台的webview,并依赖.net core,做到700k可以把web端跑起来像桌面程序似的,代码也非常简单.支持url,静态文件和html字符串.平台支持windows, mac ,linux . 在windows端安装  https://www.microsoft.com/en-us/edge 和 .net core 3.x即可 https:

Android 开发第一项目——计算器的开发记录

2017.4.1 今天布局界面基本完成,现在写了一点事件绑定.计划是多用动态绑定,随时用随时改.关于布局方面,昨天弄到很晚,原因是Layout使用错误,用的自带的,没仔细看,预览的时候没有问题但是真机调试就出错.是兼容性问题,很多的安卓系统不支持constrainlayout(6.0不支持不要问我为什么知道).改用LinearLayout,简单嵌套了一下,主体还是用了几个LinearLayout分别写了每一行,其中用了几个LinearLayout用来调整按钮间隙.然后稍微调了字号和对齐方式.

小程序云开发实战

1. 云开发简介 由于小程序本身存储数据的能力有限,所以不可能将大量的数据保存在客户端,而且将数据保存在本地既不安全,也无法与其他小程序用户共享,所以大多数小程序都需要一个服务端,服务端可以用多种技术实现,如PHP.Node.js.Python.ASP.NET.Java EE等.不管使用哪种技术实现服务端,开发一款小程序都需要至少配备两个程序员,一个是开发小程序的程序员,一个是开发服务端的程序员.而且这两个程序员之间还需要不断沟通,以便确认共同遵循的接口. 开发一款小程序需要两名或更多的程序员参

HTML如何编写为桌面程序

学过/用过HTML的人应该都知道HTML是标记语言,是在网页上执行/使用的,在这里小编告诉你HTML也可以用来做桌面程序,这种桌面程序一般是微客户端 工具/原料 html dreamweaver 方法/步骤 打开dreamweaver 点击->文件->新建 点击->创建 按照HTML 文档规则,自己编写HTML页面排版方法 编写好自己的HTML后,点击->文件->另存为   index.hta   注意,扩展名不是html  而是.hta 如此,一个桌面程序制作完成,直接双击

Android 源码分析(七) Launcher 桌面程序启动分析

一.前言: init进程 –> Zygote进程 –> SystemServer进程 –> Launcher桌面程序 -> 我们的App应用 init进程:linux的根进程,android系统是基于linux系统的,因此可以算作是整个android操作系统的第一个进程: Zygote进程:android系统的根进程,主要作用:可以作用Zygote进程fork出SystemServer进程和各种应用进程: SystemService进程:主要是在这个进程中启动系统的各项服务,比如A

用NW.js开发下一代桌面应用程序

前言 就在最近,GitHub发布了其代码编辑器Atom的1.0正式版.使用过它的童鞋一定会知道它利用网页技术开发.只不过它的框架是Atom Shell,非常类似NW.js.这时你可能问,放着好端端的native级界面框架不用,为什么要使用网页技术编写界面呢?下面我们就来探讨一下这个问题. 网页技术的优缺点 优点 HTML技术发展到今天的HTML5版本可谓已经十分强大,同时有CSS3的加持,网页也可以华丽夺目.Canvas标签.Audio标签以及Video标签的引入使得网页真正支持了多媒体,使用已

nw.js桌面软件开发系列 第0.1节 HTML5和桌面软件开发的碰撞

第0.1节 HTML5和桌面软件开发的碰撞 当我们谈论桌面软件开发技术的时候,你会想到什么?如果不对技术本身进行更为深入的探讨,在我的世界里,有这么多技术概念可以被罗列出来(请原谅我本质上是一个Windows程序员的事实). 操作系统 API.操作系统发展到今日,几乎桌面应用的所有功能,都是基于系统API构建的.调用API和语言及技术无关,哪怕是使用汇编.例如(代码来源于网络,本地重新编译): ;我的第一个win32汇编程序 ;一个经典的hello world !程序 ;>>>>&

一号旺铺:国内第一个专注于微信小程序开发的后端云产品

启航 一号旺铺是天玑旗下继一号旺铺(wangpu1.com,媒体和小程序商店)后又一个基于微信生态的核心产品. 6 月 13 日,「一号旺铺」上线公测了. 「一号旺铺」www.wangpu1.com,是国内第一个专注于微信小程序开发的 BaaS(Backend as a Service)产品,它可以让开发者更快.更轻松地做出优美.稳定的小程序,且不失灵活性.爱范儿技术团队为此努力了 100 天,夜以继日,没有鸡腿. 爱范儿 CTO 在朋友圈写道:一号旺铺本是为了解决内部需求而设计的 BaaS 平