将WordPress网站转换为渐进网络应用程序

Question

我正在构建一个进步的Web应用程序，但到目前为止，在线文档和支持非常少。我在这封电子邮件中列出了我所有的问题。

1. 当前对桌面的服务工作者API (脱机模式)的支持是什么？我写了一个小应用程序，它在离线模式下工作(Android-Chrome)，但不适用于我的桌面(Chrome 42)。我们需要为此配置开发环境，所以我们需要知道我们需要什么来测试我们的应用。它甚至不适用于IOS-Safari/Chrome。
2. 服务工作广泛地使用缓存，并且有一种很好的方法可以在Dekstop Chrome上调试或未注册服务工作者内部；但是如果我在Mobile上运行我的应用程序，我将如何删除服务工作者缓存？
3. 如果我有一个响应性的应用程序(一个WordPress站点)，并需要将其转换为PWA；我是否需要再次为移动版本重新编写RestAPI应用程序？(参阅PWA的)。在PWA中，应用程序外壳与数据是分开的，但是在CMS中，像WordPress数据是不独立于UI的。

我寻找这些答案已经很久了，却找不到合适的支持。

Answer 1

当前对桌面的服务工作者API (脱机模式)的支持是什么？我写了一个小应用程序，它在离线模式下工作(Android-Chrome)，但不适用于我的桌面(Chrome 42)。我们需要为此配置开发环境，所以我们需要知道我们需要什么来测试我们的应用。它甚至不适用于IOS-Safari/Chrome。

Safari目前不支持服务工作者，但支持it should work in Chrome 42，尽管您应该考虑更新浏览器。无论如何，您可以在不同的地方查看最新的技术状况：

• 服务人员：https://platform-status.mozilla.org/#service-worker
• Push API：https://platform-status.mozilla.org/#push
• 背景同步：https://platform-status.mozilla.org/#background-sync

更多关于SW：

• 服务人员准备好了吗？https://jakearchibald.github.io/isserviceworkerready/
• 我可以用吗？http://caniuse.com/#feat=serviceworkers

服务工作广泛地使用缓存，并且有一种很好的方法可以在Dekstop Chrome上调试或未注册服务工作者内部；但是如果我在Mobile上运行我的应用程序，我将如何删除服务工作者缓存？

你需要debug Chrome for Android from Desktop Chrome。

无论如何，URL ://serviceworkers-内嵌在Chrome上是可用的，尽管没有一种轻松的方法来清除离线缓存。

如果我有一个响应性的应用程序(一个WordPress站点)，并需要将其转换为PWA；我是否需要再次为移动版本重新编写RestAPI应用程序？(参阅PWA的)。在PWA中，应用程序外壳与数据是分开的，但是在CMS中，像WordPress数据是不独立于UI的。

不是的。实际上，WP有一个非常好的架构，可以将内容与主题分离开来。问题是在服务器上运行，但不需要在客户端上运行站点就可以成为PWA。Mozilla支持一个suite of WP plugins来帮助您的WordPress安装进度：

• Offline Shell [github]标识您的shell资产(即主题文件)，并将它们缓存在脱机缓存中。
• Offline Content [github]标识您的动态内容，并在用户访问它时缓存它。
• Web Push [github]允许您在发布新内容后立即将实时通知推送给读者。
• Add To Home Screen [github]通过将WordPress放在主屏幕上来吸引读者。

他们都是非常年轻的插件，但你可以跟踪他们在GitHub和贡献，如果你想！

Answer 2

@Salva已经添加了一个非常好的和有帮助的答案，但是我想我要添加一些可能有用的东西。

对于第三部分，我已经工作了一个自动渐进的web应用程序转换平台，https://www.escalatingweb.com。我认为你可以用这个平台把你的WordPress上的网页应用程序转换成进步的网页应用程序。您可以使用它在几分钟内将您的web应用程序转换为pwa。我还编写了一个非常好的教程来使用自动pwa转换器平台http://www.techromance.com/2017/07/22/automatic-pwa-converter-platform/。

对于第二部分，只是为了增加上面的答案，并且为了测试的目的，您可以从站点设置中删除特定网站的所有缓存，这也将清除服务工作者的缓存。

对于第一部分，不需要添加任何这样的内容。

请大家不要生气，以免他们发现这是推广我平台的一种廉价方式。这样做的目的只是为了帮助社区，要么建立平台，要么让需要的受众意识到这一点。谢谢你@McNab的建议。:)

Answer 3

我也使用Wordpress网站，有一个插件可以解决您的问题。不用安装很多Mozilla的插件，你可以安装超级进步网络应用程序插件(在插件安装中搜索它)，它工作得很完美。在Android手机和IOS https://wordpress.org/plugins/super-progressive-web-apps/上都尝试过