给自己的网站wordpress变成app，pwa帮你实现

摘要

之前伯衡君写过一篇介绍如何使网站做成一个app，比如使用开心app制作，具体可以参看下方的前情提要，其实，利用pwa技术，就可以生成app了，很简单，于是就有了今天这篇文章……

开篇寄语

之前伯衡君写过一篇介绍如何使网站做成一个app，比如使用开心app制作，具体可以参看下方的前情提要，其实，利用pwa技术，就可以生成app了，很简单，于是就有了今天这篇文章。

前情提要

• 《开心App，人人皆可做属于自己的手机App教程》

普及知识

渐进式Web应用程序（PWA）是通过Web交付的一种应用程序软件，它使用常见的Web技术（包括HTML，CSS和JavaScript）构建。它们旨在在使用符合标准的浏览器的任何平台上工作。功能包括脱机工作，推送通知和设备硬件访问，从而能够创建类似于台式机和移动设备上的本机应用程序的用户体验。由于他们是一个类型的网页或网站被称为Web应用程序，开发人员或用户无需通过Apple App Store或Google Play之类的数字分发系统来安装Web应用程序。

尽管Web应用程序从一开始就可用于移动设备，但与本地应用程序相比，它们通常速度较慢，功能较少且使用较少。但是，由于具有脱机工作的能力（以前仅适用于本机应用程序），所以在移动设备上运行的PWA可以更快地执行并提供更多功能，从而弥补了本机应用程序的空白，并且可以跨桌面和移动平台移植。

PWA不需要单独的捆绑或分发。渐进式Web应用程序的发布与其他任何网页一样。PWA可在任何浏览器中工作，但“类应用程序”功能（例如，独立于连接性，安装到主屏幕以及推送消息）取决于浏览器支持。截至2018年4月，Microsoft Edge，谷歌浏览器，Mozilla Firefox和Apple Safari浏览器均不同程度地支持这些功能，但将来可能会支持更多浏览器。几家公司强调了各种KPI的显着改进，在实施PWA之后，例如增加了在页面上花费的时间，转化次数或收入。

实现方法

如果你是wordpress搭建的网站，那么恭喜你，你有捷径可以走，那就是进入后台，在分类中选择插件——安装插件——搜索Super Pwa，如下图所示，之后安装。

随后，启用该插件，并对该插件进行设置，其中之一是logo，以及启动页面的logo，如下图所示。

之后点击保存就可以了，一般情况下，都可以实现app化，但是有部分人的网站没有进行https协议加密，导致无法app化，那么还需要安装一个插件，就是名为Really Simple SSL，整个站点的页面都转化为https传输协议的就可以了。

有缓存的化，可以先清一下缓存，之后打开首页，这里就以本站为例了。之后点击浏览器的右侧三点，可以看到install行运设计师几个字，这就说明是安装成功了，一些手机浏览器还可以安装app。