html网页打包成客户端程序(nativefier使用指南)

项目背景，最近给单位做了一套排队叫号系统，是网页版本的。用户希望弄个客户端程序，这样就不用每手动启动并手动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

---

END