你有没有一种感觉，很多网站明明做得很好，只是不开发PC（电脑）版客户端，比如知乎、GitHub、微信公众号。
如果我们大部分时间使用PC进行开发或者办公，那么我们每次启动时都需要打开浏览器并输入它们的URL才能进入相应的页面。 在另一个浏览器中，我们可能会打开各种选项卡，少则两三个，多则十、二十个。 不是很方便。
例如，在 GitHub 上，挤满了一堆浏览器，选项卡已经被挤掉了：
这时候如果我们可以有一个客户端，即Windows上的exe程序或者Mac上的app应用程序，它们的名字叫GitHub、微信公众平台等，打开后只负责显示GitHub和微信公众号内容，我们可以避免在浏览器中来回查找站点和切换站点的麻烦。
甚至，在Windows上，我们可以直接将此应用程序放在桌面上或将其固定到任务栏上。 在Mac上，我们可以直接将其固定到Dock栏上，这样就可以一键打开，省时省力。 如果使用快速启动软件，如Wox（Windows）或Alfred（Mac），直接进入GitHub或微信公众平台，调用起来会更方便，是不是太方便了。
而且，我个人觉得使用客户端软件比使用网页更有“现实感”。 不知道你是否也会有同样的感觉。
因此，如果能够将这个常用的或者依赖性稍强的网站转换成客户端软件，那就非常方便了。
例如网站页面程序转app，我使用 Mac。 将 GitHub 转为客户端软件后，我习惯性地用 Alfred 调用：
然后打开一个 GitHub.app：
然后将其固定到 Dock 上：
就像拥有了一个GitHub客户端一样，功能和网页一模一样，不需要在浏览器上剪来剪去。 而且不用害怕版本更新，因为它只是打开一个独立的网页，当网页修改或更新时，内容也会相应更新。
是不是很方便呢？
如果你也这么认为，那就跟随我一起来看看如何实现吧。
原生纤维
这里需要用到的一个工具叫nativefier，是基于Electron开发的。 它的功能是将任何网页转换为笔记本客户端，即桌面应用程序。
有了这个软件，只需要这么简单的命令就可以将网页转换成笔记本客户端：
nativefier 例如，要将Whatsapp网站打包成客户端，只需执行以下命令：
nativefier web.whatsapp.com指示如下：
怎么样，不管是哪个网页，都可以用它来转换成客户端软件。
另外，它支持Windows、Linux、Mac三大操作系统，即可以将网页转换为.exe、.app等格式。
安装
那么如何使用这个软件，第一步其实就是安装它。
由于nativefier是基于Electron开发的，而Electron又基于Node.js，所以必须安装Node.js才能使用。 建议安装6.0以上版本。
此外，在Linux和Mac平台上可能还需要安装其他依赖项。
在Linux上，您需要安装Wine并配置环境变量。 Mac 上需要安装 Iconutil 和 imagemagick。 这两个依赖是为了帮助程序处理App的图标。
有关具体安装说明，请参阅：#可选依赖项。
上述步骤完成后，使用npm安装nativefier：
npm install nativefier -g安装完成后，可以使用nativefier命令。
使用
下面我以Mac上的GitHub为例，介绍如何将GitHub打包成客户端软件。
刚才介绍了，最简单直接的，运行如下命令即可：
nativefier https://github.com它会尝试用 GitHub 主页的标题来命名客户端，而 GitHub 的标题较长，称为：
The worlds leading software development platform GitHub所以它会生成一个这样的客户端软件：
这个名字有点奇怪，我们可以使用命令的一个选项来控制生成的客户端的名称，只需添加一个name参数即可：
nativefier --name GitHub https://github.com这将生成一个名为 GitHub 的客户端：
另外我们可以看到客户端的图标也是手动生成的。 这个图标是怎么来的呢？ 这是nativefier维护的图标，正好GitHub也在他们的收录范围之内，所以就用了。 这些图标也是一个公共存储库，链接是：您可以在此处收集或贡献图标。
如果我们觉得nativefier提供的官方图标不好看，如果想要自定义图标也是可以的。 只需要添加一个icon参数，即可指定本地图片作为生成的图标。
但值得注意的是，不同平台所需的图标格式是不同的。
Windows 上需要 ico 格式。 Linux 上需要 png 格式。 Mac 上需要 icns 格式。 如果安装了上述所需的依赖项，也可以使用 png 格式。
具体参数使用说明可以参见：#icon。
好的网站页面程序转app，所以我在Mac上安装了依赖项，所以我只使用png格式的图标。
这里我做了一个矩形图标如下，命名为github.png：
然后使用下图自定义图标：
nativefier --name GitHub --icon ./github.png https://github.com这样可以生成自定义图标的客户端软件。
打开并登录后，我们就有了一个GitHub客户端。 界面和网页一模一样，但是丢掉了混合标签的干扰，如下图：
嗯，这是基本用法。 事实上，大多数情况下，只需这些参数就足够了。 如果想了解该功能，可以参考官方API文档：#api。
如果你想生成其他客户端，比如微信公众平台、知乎等都是可以的。
比如微信公众平台是这样的：
注意
使用过程中发现name参数对英文支持不太好，总是会生成一个APP客户端。 这里，名称建议使用中文名称，例如知乎为知乎，微信为WXMP等。
命令示例：
nativefier --name 知乎 --icon ./zhihu.png https://www.zhihu.com您可以使用以下命令代替：
nativefier --name Zhihu --icon ./zhihu.png https://www.zhihu.com生成客户端软件知乎，然后自动更改图标名称。
另外，生成的客户端软件不支持插件。 如果你的网站对个别插件依赖严重，不建议使用nativefier转换的客户端。
好了，这就是nativefier的基本用法了。 有了它，我们可以轻松地将网页转换为客户端软件。 快来尝试一下吧！
