相信很多小白的第一个electron需求,就是把现有的某个网站作成高大上的桌面应用,然后提供给大家安装使用。但是,很有可能您还是不会编写electron代码。虽然包装一个现有网站是非常简单的,但是对于新人来说,还是有点难度的。

在本文中,苏南大叔就给大家介绍一款超小白的工具包nativefier。对于一个现有的网站,可以非常非常容易地进行制作打包。注意:并不是下载网站,就是把网站的url放进软件里面而已,断网了不能用!

苏南大叔:基于electron的一键制作网站客户端工具,nativefier入门教程 - electron-pack-site-hero
基于electron的一键制作网站客户端工具,nativefier入门教程(图6-1)

好吧,苏南大叔承认:其实自己写这样的功能也是挺容易的。不过,nativefier把这件事情做的更加容易了。如果您想知道,如何直接利用electron写这样的功能,那么直接看文末的相关链接内容即可。

本文测试环境:mac/nativefier@7.6.12.

安装nativefier

nativefiergithub主页地址是:

苏南大叔:基于electron的一键制作网站客户端工具,nativefier入门教程 - nativefier-github
基于electron的一键制作网站客户端工具,nativefier入门教程(图6-2)

截至到发稿,最新的nativefier版本号为:7.6.12

代码安装上是基于npm的,所以,并不需要特别的费劲下载安装源码,npm全局安装nativefier即可。

npm install nativefier -g

苏南大叔:基于electron的一键制作网站客户端工具,nativefier入门教程 - nativefier-install
基于electron的一键制作网站客户端工具,nativefier入门教程(图6-3)

相关文章

如果您想用纯正的electron的方式做类似的需求的话,您可以参考下面这些文章:

总结

通过阅读nativefier官方文档,大家可以发现:nativefier其实还有很多更高端的玩法,比如dockerflash等等。不过并不在本文的讨论范围内了,毕竟本文只是个小白入门教程。

对于nativefier的高端定制玩法。敬请期待苏南大叔的后续文字:

如果本文对您有帮助,或者节约了您的时间,欢迎打赏瓶饮料,建立下友谊关系。
本博客不欢迎:各种镜像采集行为。请尊重原创文章内容,转载请保留链接作者。
本站采用创作共用版权协议, 要求署名、非商业用途和相同方式共享。
转载本站内容必须也遵循“署名-非商业用途-相同方式共享”的创作共用协议。
未经许可,规模化镜像抄袭本站内容的行为,将会根据有关法律法规进行维权。
程序如此灵动~》下所有原创文章,如被用于商业用途,请您按规定支付稿费。

 【加群】加入QQ群【175454274】和大家一起讨论这个问题

 【源码】本文代码片段及相关软件,请点此获取

 【绝密】秘籍文章入口,仅传授于有缘之人   electron    nativefier

本站的忠实读者小伙伴,正在阅读下面这些文章: