在项目中遇到一个需求,客户希望在电脑上打开他们已经上线的网站不是用浏览器,而是用单独的一个程序。
现将解决方案记录如下:
本方案采用开源库:nativefier进行打包。当网站背景是mp4视频时,本打包方式也支持浏览。
准备工作:
1.环境安装-安装node:
(1)打开node官网并进行下载安装最新版node:https://nodejs.org/en
(2)安装过程一直默认安装,点击下一步,不要修改安装路径
(3)以管理员模式运行命令行窗口,输入指令:
npm -v
应出现安装的node版本。
2.环境安装-安装开源库(nativefier)
(1)以管理员运行命令行窗口
(2)输入指令,即可自动安装(如果安装没有出现问题,不需要执行 3、4两个步骤)
npm install nativefier -g
(3)如果安装过程中发现一直卡在了一个提示:sill idealTree buildDeps,这是因为无法获取原始源,只需要修改源地址为淘宝源即可。按下Ctrl+C取消下载,然后输入指令:
npm config set registry https://registry.npm.taobao.org
(4)修改后,重新执行:npm install nativefier -g指令即可
到此,环境安装完毕
进行打包:
3.exe打包
(1)找到你想要打包的地址,比如:https://www.baidu.com/
(2)输入指令:
nativefier --name "测试百度打包" "https://www.baidu.com/"
(3)打包成功,打包后的文件在如图所示路径下。
运行测试:
4.双击exe运行测试,测试成功
相关资料:
1.nativefier地址:https://github.com/nativefier/nativefier
可以参考地址中的其他指令使用,比如修改图标,名称等。