Nativefier将web页面打包为桌面应用

WEB前端 Nodejs学习 2018年6月30日

有些特殊场景需要实现把任意一个网站打包成一个桌面可执行应用。手机端有PhoneGap等打包工具制作WebApp。今天给大家推荐一个很好的桌面应用打包工具-Nativefier。Nativefier可以只需要执行两行命令三分钟内就可以把任意一个网站打包成一个桌面应用。下面雷雪松详细讲解一下如何使用Nativefier将web页面打包为桌面应用。

1、使用npm安装Nativefier（前提条件你的电脑已经安装过NodeJs，不知道怎么安装的请点击《Nodejs为何物？如何安装？》)
[cc lang=”bash” escaped=”true”]D:\>npm install nativefier -g[/cc]

2、将一个网址打包成桌面应用（以雷雪松的个人博客为例）
[cc lang=”bash” escaped=”true”]D:\>nativefier “https://www.xuesongboke.cn”[/cc]
至此，Nativefier已经将桌面应用打包好了。

3、Nativefier Api详解
设置名字
nativefier在制作应用的时候，可以自动识别网站的名字，您也可以自己设置名字。
nativefier –name “blog” “https://www.xuesongboke.cn/”

nativefier –icon <path>：设置图标
Windows和Linux下打包
icon参数应该是.png文件的路径。
Mac下打包
如果安装了可选的依赖关系，icon参数可以是a .icns或.png文件。

nativefier –app-copyright ：应用的版权信息会映射到Windows系统的LegalCopyright和OS X系统的NSHumanReadableCopyright的元数据属性。

nativefier –p <value>：指定输出不同系统的应用，可选参数linux、windows、osx。

-m, –show-menu-bar：指定是否应该显示菜单栏。
–disable-context-menu：禁用上下文菜单
–single-instance：阻止应用程序多次运行。如果发生这种尝试，那么已经运行的实例就会出现在前面。
–tray：应用程序将保留为系统托盘中的图标。通过点击窗口关闭按钮来防止关闭应用程序。
–width <value>：打包应用程序的宽度，默认为280px。
–height <value>：打包应用程序的高度，默认为800px。
–min-width <value>：打包应用程序的最小宽度，默认为0。
–min-height <value>：打包应用程序的最小高度，默认为0。
–max-width <value>：打包应用程序的最大宽度，默认为无限制。
–max-height <value>：打包应用程序的最大高度，默认为无限制。
–x <value>：打包的应用程序窗口的X位置。
–y <value>：打包的应用程序窗口的Y位置。

更多请参考官方文档 https://github.com/jiahaog/nativefier/blob/HEAD/docs/api.md

来源：Nativefier将web页面打包为桌面应用