NW.js 打包并发布桌面应用 ---备忘心得
开始之前我们需要一些准备:
备注:我的是window10 64位
1、node.js 不会的请自行百度或看看这个:https://www.runoob.com/nodejs/nodejs-install-setup.html
2、npm等 【个人使用cnpm 淘宝镜像 主要是速度快】一般安装完成node 基本都会已经存在npm了,不会的请自行百度
3、NW.js 去官网下载:https://nwjs.io/ 或 https://nwjs.io/downloads/ 两个都可以,我都试过
下载完成展开目录截图:
里面的logo.png 是我自己放进去的,后文会有说明
4、打包工具
其中官方推荐:nw-builder工具,安装使用可以看这个:https://www.npmjs.com/package/nw-builder 经典用法:nwbuild --platforms win32,win64,osx64,linux32,linux64 --buildDir dist/ src/ 反正这个我搞不成功
其二是我现在使用的:Inno Setup 虽然打包安装之后其实是解压出来,文件成明文,但是确实方便而且轻量 ,下载地址:http://www.jrsoftware.org/isdl.php 下载稳定版就好了,其他的我没试。或者直接百度就可以下载
我直接使用百度的地址做远程应用,马上进入正题:
1、NW下载解压目录下新建package.json文件,如图:
配置内容如下,可参考文档自行配置,http://docs.nwjs.io/en/latest/References/Menu/ :
{
"main": "https://www.baidu.com",
"name": "Mailer",
"description": "mailer",
"version": "1.1.0",
"keywords": [
"demo",
"node-webkit"
],
"window": {
"title": "Mailer",
"icon": "logo.png", // 这里是我的应用logo 即是前文我的logo.png的位置,大家可自行选择目录深度文件
"toolbar": false,
"frame": true,
"width": 1366,
"height": 768,
"position": "center",
"min_width": 1366,
"min_height": 768,
"max_width": 1366,
"max_height": 768,
"resizable": false
},
"webkit": {
"plugin": true
}
}
现在直接点击运行 nw.exe 就可以看到基本效果及标题,应用图标等了,但是,我们还没完成,这时候不方便分发出去,以下是打包分发流程
2、桌面图标处理【关于这部分我也迷迷糊糊成功了,以下是我的经历】
第一次: 网上大多说什么下载ResourceHacker工具转换等。我去下载安装并按操作处理了nw.exe图标,然后使用Inno Setup Compiler 打包成.exe,看着打包后的执行文件是可以的,就去安装,安装之后卧槽,图标没变,还是这个,所以不成功!!
第二次:网上说的打包压缩全TM飘过,你只需要把package.json变成压缩包,然后修改后缀名称等 最终变成 ***.nw (下面会用到,我就用 package.json==>package.rar==>package.nw==>app.nw)存放在nw.exe 同一目录下,步骤够明确了吧!!!!。这次我没使用ResourceHacker处理,然后使用Inno Setup Compiler 打包(打包前执行:copy /b nw.exe+app.nw app.exe ,打包时选择app.exe)成.exe,看着打包后的执行文件是可以的,就去安装,安装之后成功了,分析原因:可能是ResourceHacker修改后需要一段时间或重新开机等才会生效。反正成功之后我不去研究了
3、打包成功之后最终得到的结果如图:
以上是我自己琢磨的最终成功的备忘,希望也可以帮到大家,参考文档:
打包成exe工具:http://www.jrsoftware.org/isdl.php
nw.js安装:https://www.npmjs.com/package/nwjs
nw-builder安装:https://www.npmjs.com/package/nw-builder
nw.js官网:https://nwjs.io/
nw.js文档:http://docs.nwjs.io/en/latest/
简书:https://www.jianshu.com/p/b9c1b1864e6b
深度文章:
https://www.jianshu.com/p/9d3c78c193e7
https://www.oschina.net/translate/cross-platform-desktop-app-nw-js?print
NW.js 打包并发布桌面应用 ---备忘心得相关推荐
- nw.js 打包白屏问题解决方案 node-webkit白屏
nw.js 打包白屏问题解决方案 * 最近由于公司需要,给客户开发一个桌面客户端,就用webapp的方式,快速迭代,这种方式,可以说解决了后端人 员苦恼,但前端人员需要承担和学习更多,思想也要转变. ...
- mac nw.js 打包桌面应用程序
参考https://segmentfault.com/a/1190000007564694和https://zhuanlan.zhihu.com/p/20070166 1.mac电脑下打包,需要先下载 ...
- nginx发布静态目录备忘
前阵子配一个静态目录,想当然的觉得相当简单,不就是写个目录吗.配完以后怎么都不行,一直出404. 找了一些文章,看来看去,我的配置是对的呀,这实在奇怪. 今天中午吃饭时候突然想到,可能是因为目录多写了 ...
- win7 计算机库 桌面,【备忘】win7下再硬盘安装win7(桌面库和家庭组图标删除)...
之前用GHOST安装了win7,用了半年,很不给力(比如IIS就用不了)..想弄个安装版,所以百度了下win7下安装win7的方法 win7安装版下载请搜索"msdn i tell you& ...
- js网页繁体简体转换(备忘)
用法:非得加上html头 utf-8编码 其它编码无测试 head 中引用 <script language='javascript' src='zh.js'></script> ...
- 美通社日历 | 会展及重要事件信息、企业财报发布,节假日备忘(3月15日—3月21日)...
● 节气 ● 纪念日 ● 事件 ● 节日 ● 媒体关注 ● 会展 2021.3.15 - 2021.3.21 March 2021 | 3 15 周一 ● 消费者权益日 ● 美团.新奥能源. ...
- 利旧IBM X3650m2 安装esxi5.1提供云桌面(备忘)
上面左边是我的个人微信,如需进一步沟通,请加微信. 右边是我的公众号"Openstack私有云",如有兴趣,请关注. 公司有一台旧服务器,原来的IBM X3650m2 服务器 ...
- js数组获取index_通过事例重温一下常见的 JS 中 15 种数组操作(备忘清单)
作者:Dmitri Pavlutin 译者:前端小智 来源:dmitripavlutin.com 最近几天,公众号无套路抽奖现金 200,参与方式如下: 存而不论是一种对舆论场合的改善?(每月一次抽大 ...
- 美通社日历 | 媒体关注、会展信息、企业财报发布,节假日备忘(8月3日—8月9日)...
8月3日 企业活动/发布会: Realme真我V5新品发布会 Vivo S7新品线上发布 企业财报发布: 恒生银行 信义光能 汇丰银行(HSBC) NTT Docomo 喜力(Heineke ...
最新文章
- MPB:山大倪金凤组-黄翅大白蚁肠道放线菌的分离与培养
- Python 的类其实是一个特殊的对象
- JavaWeb(四)——在IDEA中配置Tomcat、pom文件
- exists hive中如何使用_HIVE使用基础
- linux ssh密钥登录配置
- zabbix 配置mysql_zabbix 配置mysql监控
- django3与vue3本地搭建
- 第7章 贪吃蛇(《C和C++游戏趣味编程》配套教学视频)
- centos6+nagios3.3.1+nrpe2.12
- “机智号”成功试飞火星,但它使用的开源软件安全吗?
- opencv python 读取图像/显示图像/保存图像
- 跟我一起考PMP---项目整合管理
- 网络爬虫与信息提取学习笔记_02
- DVWA 跨站请求伪造(CSRF)
- 存储器管理的内存连续分配方式详解
- mysql实时同步软件,MySQL实时同步到Oracle 详解MySQL实时同步到Oracle解决方案
- 某人将1000元存入银行 某公司需用一台设备 某企业为了建一项目 建设期3年,共贷款700万元
- 弃用手机号码未被解绑小米账户:用户信息遭泄露
- WebLogic:WTC在DEBUG模式下日志打印过程分析
- “C++”读作「C 加加」,为什么“C♯”不能读作「C 井」呢?
热门文章
- python 显示等待中_Selenium学习之显式等待中的EC模块详解
- c if sortable html,Rails 5 - html5sortable - sortable不是HTMLDocument.ready中的函数
- android 刘海适配
- c语言 系统跑分,纯C语言跑分(详细注释)(示例代码)
- PyGame贪吃蛇的实现
- 想进阿里的悲剧了,马云说了今年不会增加一个员工(转载自钛媒体http://www.tmtpost.com/229500.html)
- BSC网络测试环境部署
- 山东省规范化学校计算机配备,山东省规范化学校标准分工.docx
- 虚拟服务器速度,影响虚拟主机运行速度的因素有哪些?
- Android RecyclerView 通用Adapte,单一类型