网页转应用？一句命令将网页打包成exe

Posted 2022-01-29 Tisfy

使用nativefier将线上网站打包成可执行文件

环境安装

node.js安装

直接在node.js官网(https://nodejs.org/zh-cn/)下载压缩包并解压
添加到环境变量，此时就可以使用npm命令

安装全局的nativefier

npm install nativefier -g

开始打包

nativefier "https://letmefly.xyz"

其他可选参数

程序名

--name "LetMeFly"

程序图标

--icon favicon.ico

窗口置顶

--alwaysOnTop true

禁止访问其他域名

--blockExternalUrls true

程序全屏

--fullScreen true

程序退出时清除缓存

--clearCache true

注意，缓存位置会在C:\\Users\\username\\AppData\\Roaming
比如打包了名为LetMeFly的exe，则在上述目录会有文件夹letmefly-nativefier-37cc17
程序运行时此目录大小约为7M，若选择清除缓存，则程序退出后文件夹大小变为约2M。

禁用菜单

--disableContextMenu true

禁用开发人员选项

--disableDevTools true

程序配置信息

经分析，打包不同的程序会有以下3个不同之处

• exe文件自身

  暂未分析出有何不同，看着文件大小什么的都差不多。

  可能是打包时选择了程序图标的话，程序图标的不同吧。

  但是，这并不影响程序的使用。我们只需要把下面两个配置文件进行更改，就可以按照json文件中的配置信息进行使用。

• resources\\app\\nativefier.json

  此文件中配置信息较多，可以参考上文“其他可选参数”进行查看

  若打包时没有选择其他参数，主要不同之处就是“targetUrl”，也就是程序运行时所访问的url。

• resources\\app\\package.json

  此文件配置信息不同之处主要在于“name”。

  这个name的格式是你所取的程序名-nativefier-大约6位字母数字

  之后在“Romaning”中找到的缓存的文件夹名称就是上述name

打包的不同程序之间的切换

假设我们已经有了一个已经打包好的程序，现在想要它访问的主页更改为另一个url，我们只需要找到resources\\app\\nativefier.json并修改其中targetUrl的值为想要访问的网页即可。

常用命令

nativefier "https://letmefly.xyz" --name "LetMeFly" --icon favicon.ico

记得在相同目录下提前准备好程序图标favicon.ico

原创不易，转载请附上原文链接哦~
Tisfy：https://letmefly.blog.csdn.net/article/details/122273938