Nativefier把网页打包成exe

所以需要用到nativefier导报工具：nativefier是一个使用electron将网页转换为app的插件，写这篇博客仅仅是因为怕自己忘记了怎么快速调用，下面将介绍一些常用的语法。并且主要需要 nodejs 环境支持!

npm install nativefier -g

nativefier配置

这里打包的是托盘,防止用户点击右上角关闭按钮后直接关闭程序，而是缩小到右下角的托盘中的exe.

nativefier "https://px.xxxx.com/static/admin/#/login" --name "软件名称" --tray --icon D:Users12472Desktop8ffdba72d5991781c47e2bf42025551.ico --file-download-options "{
          
   "saveAs": true}"

在程序打包完之后，DOS命令窗口会告诉你路径，你在那个路径下打开，可以把那个路径下所有的文件都打包到其他盘。 但是还有一些另外的细节主要注意的:

1. 图标和命名 图标和名字会自动抓图网站的名字和 logo.

如果网站名字是中文的话, 抓名字就翻车了, 变成了–

而且, 抓的好像不是网页的 title , 比如 Github 的名字就是很中二的 ‘The worlds leading software development platform GitHub-win32-x64’ , 应该是 Github 某句SEO用的代码吧

我的app的名字就翻车了 ‘—win32-x64’

2. 自定义图标和名字 名字可以生成完以后直接F2重命名, 如果想XX以下就直接创建时加上 --name 参数, 图标同理, 可以一起用:

nativefier --name "app名字" "https://www.zhihu.com"  // 自定义名字
 nativefier --name "app图标路径" "https://www.zhihu.com"  // 自定义图标

注意: 图标要用ico格式(网上有工具可以转), 其他格式没试, 哪位大佬没事儿可以试试

改图标还可以直接去 app名字 esourcesapp 里替换 icon.ico 文件

还有的就是打包执行替换图标命令后如果.exe文件的logo没有改变的话，但是文件的ico图标已经生成，记得重启一下电脑！！！我也不知道怎么回事！！！

最终效果： 一句实在话，其实就是一个网页,套了一个盒子，穿了一个外皮，穿着羊皮的狼！！！