电脑怎么样将应用转为后台进程(一条命令把网页转成电脑 App，省内存安心)

文章来源于进击的Coder，作者崔庆才

大家有没有一种感觉，很多网站其实做得非常优秀，但是它们就是没有开发PC（电脑）版的客户端，比如知乎、GitHub、微信公众号。

如果我们大多数时间都是使用PC开发或者办公的，每次开始时我们都需要打开浏览器输入它们的网址，进入对应的页面。另外一个浏览器中我们可能会开各种各样的选项卡，少则两三个，多则一二十个，这就导致某些我们常用的甚至重度依赖的网站在切换的时候就会不怎么方便。

比如挤在一堆浏览器里面的GitHub，选项卡已经被挤得看不全了：

这时候，如果我们能有一个客户端，即Window上的exe程序或Mac上的app应用程序，它们的名字就叫做GitHub、微信公众平台等等，打开之后只单独负责呈现GitHub、微信公众号的内容，我们就可以免去在浏览器中来回寻找站点和切换站点的麻烦。

甚至说，在Windows上我们可以直接把这个应用放在桌面或把它Pin到任务栏上，Mac上我们可以直接将它固定到Dock栏上，这样一键就打开了，省时省力。如果使用了快捷启动软件，比如Wox（Windows）或Alfred（Mac），直接输入GitHub或者微信公众平台，那就更方便唤出了，简直不要太方便。

而且，我个人感觉，用客户端软件比用网页更有一种「踏实感」，不知道大家会不会也有这种感觉。

所以，如果能将这些常用的或者重度依赖的网站转成客户端软件，那就再方便不过了。

比如我用的是Mac，把GitHub转成客户端软件之后，我习惯性用Alfred呼出：

然后就打开了一个GitHub.app：

然后把它固定到Dock栏上：

就仿佛拥有了一个GitHub的客户端，功能与网页一模一样，再也不用在浏览器里面切来切去。而且也不用担心版本更新的问题，因为它就是开了一个独立的网页，网页改版或者更新，内容就随着更新。

是不是很方便呢？

如果你觉得是，那就随着我来了解一下怎样实现吧。

nativefier

这里需要用到的一个工具，名字叫做nativefier，是基于electron开发的，它的功能就是把任意的网页转成一个电脑客户端，即DesktopApplication，

有了这个软件，把网页转成电脑客户端只需要这么一条简单的命令：

比如把Whatsapp的网站打包成一个客户端就只需要执行这样的命令：

示意如下：

怎样，不论是什么网页，就可以使用它来转换成一个客户端软件。

另外它支持三大操作系统，Windows、Linux、Mac，即用它可以将网页转成.exe、.app等格式。

安装

那么这软件究竟具体怎么来使用呢，第一步当然就是安装了。

由于nativefier是基于electron开发的，而后者又是基于Node.js的，所以要使用它必须要安装Node.js，建议安装6.0以上版本。

另外在Linux和Mac平台可能需要安装其他的依赖。

?在Linux上需要安装Wine并配置好环境变量。?在Mac上需要安装iconutil、imagemagick，这两个依赖是为了帮助程序处理App的icon的。

具体的安装说明可以参见：https://github.com/jiahaog/nativefier#optional-dependencies。

以上步骤完成之后，使用npm安装nativefier即可：

安装完毕之后便可以使用nativefier命令了。

使用

下面我在Mac下以GitHub为例来介绍下怎样将GitHub打包成一个客户端软件。

像刚才介绍的一样，最简单直接的，运行下面的命令就好了：

它会尝试用GitHub主页的title来命名这个客户端，而GitHub的title比较长，叫做：

所以它会生成这样的一个客户端软件：

这个名字有点奇怪，我们可以使用命令的一个选项即可控制生成的客户端的名称，添加一个name参数即可：

这样便会生成一个名为GitHub的客户端：

另外我们可以看到客户端的图标也自动生成了，这个图标怎么来的呢？这个是用的nativefier维护的icons，恰好GitHub在它们的收录范围内，所以就用上了。这些icons也是一个公开的Repository，链接为：https://github.com/jiahaog/nativefier-icons，大家可以到这里搜集或者贡献图标。

如果我们觉得nativefier官方提供的图标不好看，想要自定义图标的话，也是可以的，只需要添加一个icon参数即可，这样便可以指定本地图片作为图标来生成了。

但值得注意的是，不同平台上要求的图标格式不一样。

?Windows上需要ico格式。?Linux上需要png格式。?Mac上需要icns格式，如果安装了上文所需要的依赖，使用png格式也是可以的。

具体的参数用法说明可以看：https://github.com/jiahaog/nativefier/blob/master/docs/api.md#icon。

好，那么在Mac上我安装了依赖，那就直接用png格式的图标了。

在这里我自己做了一个圆形的图标如下，命名为github.png：

然后把图片使用下面的命令就可以自定义图标了：

这样就能生成自定义图标的客户端软件了。

打开之后，登录，我们就拥有了一个GitHub客户端了，界面和网页一模一样，但是已经摆脱了混杂选项卡的干扰，示意如下：

好了，这就是基本的用法，其实大部分情况只需要这几个参数就够了，如果想了解功能大家可以参考官方的API文档：https://github.com/jiahaog/nativefier/blob/master/docs/api.md#api。

如果想要生成其他的客户端，如微信公众平台、知乎等等都是可以的。

如微信公众平台就是这样的：

注意

在使用过程中我发现name参数对中文的支持并不好，总会生成一个APP的客户端，在这里推荐name使用英文名称，比如知乎用Zhihu，微信平台用WXMP等等。

例如命令：

可以用下面的命令代替：

生成客户端软件知乎再手动修改下图标的名称即可。

另外生成的客户端软件是不支持插件的，如果你的站点对某些插件的依赖比较强，那就不建议使用nativefier转成的客户端了。

好了，这就是nativefier的基本用法，有了它我们就可以随意地将网页转成客户端软件了，快来试试吧！

最后，我自己是一名从事了多年开发的Python老程序员，辞职目前在做自己的Python私人定制课程，今年年初我花了一个月整理了一份最适合2019年学习的Python学习干货，可以送给每一位喜欢Python的小伙伴，想要获取的可以关注我的头条号并在后台私信我：01，即可免费获取。