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

NW.js打包和分发

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

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

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

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

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

Windows和Linux系统:
(1)在NW.js二进制文件的目录新建package.nw目录,然后将应用文件拷贝至此文件夹即可。
(2)也可以直接把应用的文件放入NW.js二进制文件所在目录,但为了保证目录结构的清晰,不建议这样做。

MacOS系统:
把应用文件放入app.nw目录或nwjs.app/Contents/Resources/目录下即可。

以Windows系统firstapp应用为例,目录结构为:

|-nwjs-v0.68.1-win-x64
  |-nw.exe
  |-package.nw
    |-index.html
    |-main.js
    |-package.json
  |-...

双击nw.exe启动应用程序,查看效果,如下图示:

nwjs-01.pngnwjs-01.png

方式二:使用Zip压缩包的方式

Windows和Linux系统:
将应用下的所有文件打包成一个zip压缩包,并重命名为package.nw,放在NW.js二进制文件的目录即可。

MacOS系统:
把应用文件放入app.nw目录或nwjs.app/Contents/Resources/目录下即可。

注意:package.nw压缩文件目录结构打开必须是package.json所在目录,无上级文件夹。

双击nw.exe启动应用程序,查看效果。

将Zip压缩文件和nw二进制文件合并:

Windows系统:
copy /b nw.exe+package.nw app.exe

Linux系统:
cat nw package.nw > app && chmod +x app

然后启动应用只需要启动app即可。

到此,应用程序可以正常启动了,然后针对不同的平台我们需要打成不同的安装文件,供用户安装使用。

Windows系统:

可以使用Windows Installer/NSIS/Inno Setup来将程序打包成exe安装文件。

MacOS:
在MacOS系统上,你需要转换图标并创建plist文件。

Linux系统:
要通过包管理器分发我们的应用,需参考官方文档来创建yum、apt等安装包。

手动构建比较麻烦,推荐使用:
nwjs-builder-phoenix(推荐)
nw-builder
自动化构建的方式。

参考文档:
NW.js Documentation:Package and Distribute
https://nwjs.readthedocs.io/en/latest/For%20Users/Package%20and%20Distribute/

(完)

最后修改于:2022年09月23日 12:13

添加新评论