通过nativefier把web网页打包成多平台应用程序

前言

相逢恨晚 这么晚才用上这个这么好用的工具
正如标题所说 nativefier 这个工具 可以把web网站(自己的服务器项目) 打包成windows下的exe 以及mac和linux下的app

工具项目github源地址: https://github.com/jiahaog/nativefier

安装node.js环境

工具需要node.js支持 没有安装的小伙伴可以自行百度安装
本人版本是10.16 我有朋友反映说版本太新应用会闪退

安装nativefier

npm install nativefier -g

在命令行输入这个就会下载安装nativefier

使用nativefier

首先可以先验证下是否安装完成

nativefier

如无意外 将会显示出很多的Options出来

先在命令行中cd到你想要生成应用程序的路径

然后通过以下命令 即可把某个url的网页封装成一个应用程序 (一般默认为生成当前系统的格式)

nativefier "https://www.baidu.com/"

这里可能会报错 大概意思就是爬icon失败了

然后你会在当前目录下得到这样的文件
然后打开里面的exe就能够运行啦~

可选的参数

nativefier提供了一些可选的打包参数 这里列举几个我比较常用的

• 应用名字

nativefier --name "xxx" "url"

• 应用图标icon

nativefier --icon "icon文件的绝对路径(不同系统的icon不同的格式)" "url" 

• 应用平台选择

可以选择生成其他平台的应用

nativefier --platform "mac" "url"
nativefier --platform "linux" "url"
nativefier --platform "windows" "url"

• 生成应用初始全屏or最大化

nativefier --full-screen "url" //默认开启应用时候是全屏的 F11取消
nativefier --maximize "url" //默认开启应用时候是最大化的

• 禁止应用内快捷键调用出控制台

nativefier --disable-dev-tools "url" //禁止使用Ctrl+Shift+I or F12打开开发控制台

项目打包

目前来看的话 这个工具并不能将本地项目打包 因此开发web项目需要把其先丢到你的服务器上 然后再填你的项目地址
如果你为此要新折腾一个服务器的话 那还是算了吧
但是能够把一切web化 转成客户端还是很高大上的
注意web项目的跳转最好是本页面直接跳转 开新窗口的话可能会在用户的本地浏览器打开 就会显得很low了

日常使用

可以把经常使用的网站直接打包出来 应用比较简洁