将WordPress网站转换为Progressive Web App

时间:2016-04-12 06:23:18

标签: wordpress progressive-web-apps

我正在构建一个渐进式Web应用程序,但到目前为止,网上的文档和支持很少。我在这封电子邮件中列出了我的所有问题。

  1. 当前对Service Worker API(离线模式)的支持是什么? 台式机?我写了一个小应用程序,它在离线模式下工作 移动(Android-Chrome)但不适用于我的桌面(Chrome 42)。我们需要 为此配置开发环境所以我们需要知道 我们需要测试我们的应用程序。它不起作用 IOS-Safari / Chrome甚至。

  2. 服务工作广泛使用缓存,非常好     在Dekstop上调试或未注册的服务工作者内部的方法     铬;但如果我在Mobile上运行我的应用程序,我将如何删除     服务工作者缓存?

  3. 如果我有一个响应式应用程序(一个WordPress站点)并且需要     将其转换为PWA;我需要重写应用程序吗?     RestAPI再次移动版本? (阅读PWA的App Shell)。在     PWA,应用程序shell与数据分开,但在CMS中     WordPress数据不是与UI分开的。

  4. 我一直在寻找这些答案很长时间而且无法找到任何适当的支持。

3 个答案:

答案 0 :(得分:35)

  

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

Safari目前不支持服务工作者,但it should work in Chrome 42虽然您应该考虑更新浏览器。无论如何,你可以检查各个地方的艺术水平:

关于SW的更多信息:

  

服务工作广泛使用缓存,并且在Dekstop Chrome上有一种调试或未注册服务工作者内部的非常好的方法;但如果我在Mobile上运行我的应用程序,我将如何删除服务工作缓存?

您需要debug Chrome for Android from Desktop Chrome

无论如何,网址chrome:// serviceworkers-internals可在Chrome for Android上使用,尽管没有简单的方法可以清除离线缓存。

  

如果我有一个响应式应用程序(一个WordPress站点)并需要将其转换为PWA;我是否需要再次使用RestAPI for mobile版本重写应用程序? (阅读PWA的App Shell)。在PWA中,应用程序shell与数据分开,但在CMS中,如WordPress数据不与UI分离。

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

它们都是非常年轻的插件,但您可以在GitHub上跟踪它们并根据需要做出贡献!

答案 1 :(得分:2)

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

第三部分,我参与了一个自动渐进式网络应用转换平台https://www.escalatingweb.com。我认为您可以使用此平台将WordPress上的Web应用程序转换为渐进式Web应用程序。您可以使用它在几分钟内将您的Web应用程序转换为pwa。 我还写了一篇非常好的教程来使用自动pwa转换器平台http://www.techromance.com/2017/07/22/automatic-pwa-converter-platform/

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

对于第1部分,没有任何内容可以添加。

P.S。如果他们发现推广我的平台是一种便宜的方式,请不要冒犯他人。目的只是为了帮助社区,无论是通过构建平台还是让其了解需要的受众。 谢谢@McNab的建议。 :)

答案 2 :(得分:1)

我也使用Wordpress网站,并且有一个插件可以解决您的问题。无需安装大量Mozilla插件,您可以安装Super Progressive Web Apps插件(在插件安装中搜索),它可以完美运行。在Android手机和iOS上都尝试过 https://wordpress.org/plugins/super-progressive-web-apps/