使用nw-builder构建跨平台桌面应用程序

NW.js应用自动打包的两种方式:

nwjs-builder-phoenix(推荐)
nw-builder

本文主要讲述使用nw-builder构建跨平台桌面应用程序,对NW.js项目进行自动化打包。

nw-builder打包与nwjs-builder-phoenix基本相同,只是依赖和最终build打包命令不同而已。

具体步骤如下:
(1)创建firstapp应用;
(2)修改package.json打包配置;
(3)安装nw-builder依赖、运行及打包;

通过nwbuild ./**/* --platforms win32,win64 --mode=build命令来实现不同平台的打包。

使用nwjs-builder-phoenix构建跨平台桌面应用程序

NW.js应用自动打包的两种方式:

nwjs-builder-phoenix(推荐)
nw-builder

本文主要讲述使用nwjs-builder-phoenix构建跨平台桌面应用程序,对NW.js项目进行自动化打包。

具体步骤如下:
(1)创建firstapp应用;
(2)修改package.json打包配置;
(3)安装nwjs-builder-phoenix依赖、运行及打包;
通过build --tasks win-x86,win-x64,mac-x64 --mirror https://npm.taobao.org/mirrors/nwjs/ .命令来实现不同平台的打包。

手动构建NW.js应用的两种方式

NW.js打包和分发

可以使用以下工具自动打包基于 NW.js 的应用以进行分发。

nwjs-builder-phoenix(推荐)
nw-builder

或者,您也可以使用以下说明手动构建应用程序。

本文主要讲解下手动构建NW.js应用的两种方式:
(1)普通文件的方式(推荐)
(2)ZIP压缩包的方式

方式一:普通文件的方式(推荐)

NW.js介绍及创建第一个应用

NW.js介绍

NW.js (原名:node-webkit)
它是基于Chromium和Node.js;
允许我们直接通过DOM来调用Node.js模块;
能够轻松的把我们的Web应用打包成一个原生的应用程序。

NW.js下载
直接从官网下载二进制安装包即可,本文示例使用:nwjs-v0.68.1-win-x64版本。

NW.js官网:
https://nwjs.io/

GitHub地址:
https://github.com/nwjs/nw.js

NW.js使用nw-builder构建打包报错:Could not find a package.json in your src folder

错误描述:
NW.js应用使用nw-builder构建打包时,报错:The promise rejected with the reason "Could not find a package.json in your src folder".] {code: 'ERR_UNHANDLED_REJECTION'}

具体报错日志如下:

D:\whw\study\nwjs\test2>npm run build

> firstapp@1.0.0 build
> nwbuild src/ --platforms win32,win64,osx64,linux32,linux64 --buildDir dist/

node:internal/process/promises:246
          triggerUncaughtException(err, true /* fromPromise */);
          ^

[UnhandledPromiseRejection: This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch(). The promise rejected with the reason "Could not find a package.json in your src folder".] {
  code: 'ERR_UNHANDLED_REJECTION'
}

D:\whw\study\nwjs\test2>