项目背景,最近给单位做了一套排队叫号系统,是网页版本的。用户希望弄个客户端程序,这样就不用每手动启动并手动F11全屏模式了。
一、工具介绍
- Nativefier具体请点进去看,我也懒得介绍了,费劲。
官方介绍:
You want to make a native wrapper for WhatsApp Web (or any web page).
二、安装要求
- 环境要求
操作系统:macOS 10.9+ / Windows / Linux
软件环境:Node.js >=6 (4.x may work but is no longer tested, please upgrade).
三、安装步骤
在确保安装了nodejs以及全局配置了npm
- 测试软件环境
$ node -v v10.15.3 Administrator@XB-201902271211 MINGW64 ~/Desktop $ npm -v 6.4.1
- 安装全局安装器
npm install nativefier -g
- 打包项目
###方式一 nativefier "http://baidu.com" ###已经成功创建了一个项目 ###方式二 ###指定名称--name 为baidu 和上面没啥区别 懒得记就记方式一的就行了 nativefier --name "baidu" "http://www.baidu.com" ###至此您的目录下已经生成了相应的文件夹直接进去运行就行了。
四、实际操作
- 全局安装nativefier 还算顺利。。。
- 打包项目
下载了无数遍都失败了
errno: ‘ENOTFOUND’,
code: ‘ENOTFOUND’,
syscall: ‘getaddrinfo’
解决办法:
更改源地址:
请参考更改npm镜像
然后手动安装提示的electron依赖。
###执行下列命令二选一
npm install electron@^5.0.13 -g
cnpm install electron@^5.0.13 -g
###安装完成后再执行
nativefier "http://baidu.com"
###Packaging app for platform win32 x64 using electron v5.0.13
- 查看目录下已存在
- 运行效果
五、配置说明
可参考如下配置文件修改项目
/resources/app/nativefier,json
##可设置项目参数 小伙伴们自己研究一把吧 支持设置窗口宽度
是否全屏显示等等。。。
六、客户使用展示
小伙伴也慷慨一把提供了生成的程序下载,支持win64,win32,有需要的用户直接下载更改url即可使用。
我就是下载地址快点我
链接:https://pan.baidu.com/s/1AJGqkUCQAgGdq1P-uJ5tUA
提取码:o8aj