node-webkit 应用打包发布

方便进行打包,使用了nodejs  ,gulp  nw-builder

备注  windows 操作系统部分版本需要包含  msvcr100.dll  建议制作安装程序的时候直接包含

为了进行视频以及音频文件的处理,mac 以及windows 需要添加对应处理视频音频的类库,默认附带的是以经典版

1. 不包含源码的打包方式(支持  linux  ,windows   mac)

打包布局如下:

appdir 为node-webkit 应用需要包含的信息

package.json  nodejs 项目的包一来管理

先使用  npm  install  或者 cnpm install,同时gulp 需要全局安装 使用 npm install -g gulp  或者  cnpm  install -g gulp

安装完成之后  运行 gulp   即可

生成的安装包在  build 目录中

对于windows 以及mac 版视频以及音频的处理需要包含能够处理的类库

  替换的文件路径   XXXXX.app\Contents\Frameworks\nwjs Framework.framework\Libraries

appdir 目录说明

配置说明:

{

"name": "YonyouDesktop",

"version": "0.0.2",

"main":"https://****************/login_im.aspx",   ///  web站点地址

"node-remote":"http://*;https://*",     //  允许跨域的地址 为了方便可以开启全部

"user-agent": "Mozilla/5.0 (%osinfo) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/%webkit_ver Safari/537.36 nw(%nwver) YonyouIM(%ver)",

"chromium-args": "--disable-setuid-sandbox",

"window": {

"toolbar": false,

"frame": false,

"width": 900,

"min_width": 900,

"min_height": 602,

"height": 602,

"position":"center",

"icon": "logo.png"

},

"webkit":{

"plugin":true

}

}

为了修改默认windows 打包的图标可以按照下面的方式进行处理:使用 resource hacker  替换自己应用的图标即可

下图中操作的替换图标

2. 包含源码的打包(node-webkit 默认支持app protocol  使用方式为:app://XXXX/index.htm)

源码打包windows 以及mac 版直接包含node-webkit 运行需要的文件就行如下:

配置文件如下:

{

"name": "YonyouDesktop",

"version": "0.0.2",

"main":"app://myapp/index.htm",

"node-remote":"http://*;https://*",

"user-agent": "Mozilla/5.0 (%osinfo) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/%webkit_ver Safari/537.36 nw(%nwver) YonyouIM(%ver)",

"chromium-args": "--disable-setuid-sandbox",

"window": {

"toolbar": false,

"frame": false,

"width": 900,

"min_width": 900,

"min_height": 602,

"height": 602,

"position":"center",

"icon": "logo.png"

},

"webkit":{

"plugin":true

}

}

Source: "C:\Users\Administrator\Desktop\win32\locales\*"; DestDir: "{app}\locales"; Flags: ignoreversion recursesubdirs createallsubdirs

Source: "C:\Users\Administrator\Desktop\win32\WebContent\*"; DestDir: "{app}\WebContent"; Flags: ignoreversion recursesubdirs createallsubdirs

源码打包windows 版还有一种方法:

web 源码文件进行zip 压缩(需要包含package.json)  改成为  app.nw    然后进行 nw.exe 与 app.nw 进行合并  命令如下:

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

之后然后需要进行app.exe 的图标修改,修改方式类似前面介绍的

这种方式主要是不暴露配置的说明。

3. 附带项目的打包例子以及图标修改的工具包:

来自为知笔记(Wiz)

附件列表

时间: 2024-10-01 03:11:06

node-webkit 应用打包发布的相关文章

如何使用npm打包发布nodejs程序包

作者:zhanhailiang 日期:2014-11-20 不论基于任何语言开发内部项目,我们经常会在内部封装一些极具通用性的功能模块.如果我们觉得该通用模块对其它团队有可取之处,完全可以将其开源出去.npm就是发布nodejs程序包的最优工具. 1. 首先在npmjs.org注册一个账号:(可省) https://www.npmjs.org/signup 2. 通过npm adduser来注册新账号或登录老账号: [root@~/wade/nodejs/pv-tj]# npm adduser

JavaScript模块化-require.js,r.js和打包发布

在JavaScript模块化和闭包和JavaScript-Module-Pattern-In-Depth这两篇文章中,提到了模块化的基本思想,但是在实际项目中模块化和项目人员的分工,组建化开发,打包发布,性能优化,工程化管理都有密切的关系,这么重要的事情,在JavaScript大行其道的今天,不可能没有成熟的解决方案,所以从我的实践经验出发,从模块化讲到工程化,分享一下自己的经验. 这篇文章主要是讲require.js和r.js在项目中的使用,不会涉及到工程化问题,对此熟悉的看官可以略过此文.对

打包发布自己的nodejs包

下午的时候写了一篇关于一个不成熟的模板引擎的博客,觉得还是不太够,然后就封装了起来,做成了一款开发包.最后为了尝试一下如何发布自己的包,就又完善了一下.做此文以记之. 初衷 说来也不是什么高大上的东西,就是个简单的字符串格式化的实现.灵感还是源自Python.写过Python代码的应该都知道字符串类有这么一个方法. string = "hello {}".format("郭璞") # hello 郭璞 string = "hello {username}&

unity3d-配置Android环境,打包发布Apk流程详解

31:unity3d-配置Android环境,打包发布Apk流程详解 作者 阿西纳尼 关注 2016.08.28 22:52 字数 498 阅读 1806评论 0喜欢 5 Unity配置Android环境,打包发布安卓流程 一:SDK与JDK下载地址:http://pan.baidu.com/s/1mhVaXHe下载完成后,解压文件 SDK文件 二.安装 JDK 运行安装程序jdk-7u67-windows-x64 Java-JDK 分别点击下一步进行安装. 安装中 在安装过程中先后会出现两次选

vs2008打包发布程序

vs2008打包发布程序 一vs2008中新建 安装项目,确定(新建 安装向导 也可以) 二.添加内容 1.添加主要内容: 应用程序文件夹=>右键=>添加=>文件,找到需要的文件,包括exe/dll等文件,如有文件夹,则通过添加文件夹,先创建文件夹,再添加内容. 上图中已经添加完成程序内容. 2.创建快捷方式 在应用程序文件夹中找到主文件,右键,创建快捷方式,生成一个快捷方式文件,如需改名则直接重命名. 在应用程序文件夹中右键添加一个icon文件,作为快捷方式的图标. 找到刚才的快捷方式

Qt5在程序打包发布时遇到的问题和解决方法

近期刚刚学会用qml写QT程序,感觉QML写界面真的是要好很多的,尤其是在写一些移动端的应用的时候. 最近在打包发布程序的时候遇到些问题,已经完美解决,希望给遇到同样问题的Qter一些参考. 以前在打包Qwiget的程序的时候,一般是在编译release版本后,直接点击exe文件,把提示缺少的dll文件放在一起即可.但是这次直接点击exe文件后,提示的是0xc000007b错误代码. 在网上搜索解决方案后决定采用http://tieba.baidu.com/p/3730103947 中提到的wi

QT5.4 计算器程序 打包&发布,解决dll的最新解决方案(图文并茂,很清楚)

QT写界面还是很不错,就是打包会比较麻烦,折腾了一天总算是打包完成了. QT软件的打包发布一个难点是必备dll文件的识别,现在高版本QT自带了一个windeployqt工具,直接会把需要的dll生成一份,放在软件的目录里面. 参考官方文档:http://doc.qt.io/qt-5/windows-deployment.html#application-dependencies 具体使用步骤如下: 1.添加qt的bin/目录进系统path变量.很简单,在系统属性里设置,添加D:\QT\QT5.4

QT5.4 计算器程序 打包&发布,解决dll的最新解决方案

QT写界面还是很不错,就是打包会比较麻烦,折腾了一天总算是打包完成了. QT软件的打包发布一个难点是必备dll文件的识别,现在高版本QT自带了一个windeployqt工具,直接会把需要的dll生成一份,放在软件的目录里面. 参考官方文档:http://doc.qt.io/qt-5/windows-deployment.html#application-dependencies 具体使用步骤如下: 1.添加qt的bin/目录进系统path变量.很简单,在系统属性里设置,添加D:\QT\QT5.4

RN在Android打包发布App

参考资料:http://www.jianshu.com/p/b8811669bcb6 RN在Android打包发布App 1-:生成一个签名密钥你可以用keytool命令生成一个私有密钥.在Windows上keytool命令放在JDK的bin目录中(比如C:\Program Files\Java\jdkx.x.x_x\bin),你可能需要在命令行中先进入那个目录才能执行此命令.在mac上,直接进入项目根目录输入一下命令: $ keytool -genkey -v -keystore my-rel

Qt技巧:Win7下打包发布Qt程序(解释的比较清楚,把exe和dll伪装合并成一个文件)

转自:http://www.stardrad.com/blog/qt-5%E7%A8%8B%E5%BA%8F%E5%9C%A8windows%E4%B8%8A%E7%9A%84%E5%8F%91%E5%B8%83/ http://blog.163.com/[email protected]/blog/static/1582209320132291718389/ 最近做了个qt的程序,但是发布程序比较困难,因为qt5有着比较多的dll,如下两篇详述了qt dll依赖库,以及如何查询自己工程所用的d