24

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

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

  2. 服务工作广泛使用缓存,并且有一种很好的方法可以在 Dekstop Chrome 上调试或未注册的服务工作者内部;但是如果我在移动设备上运行我的应用程序,我将如何删除服务工作者缓存?

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

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

4

3 回答 3

37

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

Safari 目前不支持 service worker,但它应该可以在 Chrome 42 中运行,尽管您应该考虑更新您的浏览器。无论如何,您可以在各个地方查看最新技术:

更多关于 SW:

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

您需要从 Desktop Chrome 调试 Chrome for Android

无论如何,虽然没有清除离线缓存的简单方法,但 URL chrome://serviceworkers-internals 在 Chrome for Android 上可用。

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

不。实际上,WP 有一个很好的架构来将内容与主题分离。问题在于它在服务器上运行,但您不需要在客户端上运行您的站点即可成为 PWA。Mozilla 正在支持一套WP 插件,以帮助您改进 WordPress 安装:

  • 离线 Shell [ github ] 识别您的 Shell 资产(即主题文件)并将它们缓存在离线缓存中。
  • 离线内容[ github ] 识别您的动态内容并在用户访问它时将其缓存。
  • Web Push [ github ] 允许您在发布新内容后立即向您的读者推送实时通知。
  • 添加到主屏幕[ github ] 通过将您的 WordPress 放在主屏幕上来吸引您的读者。

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

于 2016-04-12T10:00:11.130 回答
3

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

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

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

对于第一部分,没有什么可添加的。

PS如果他们发现这是推广我的平台的廉价方式,请不要被冒犯。目的只是通过构建平台或让有需要的受众了解它来帮助社区。谢谢@McNab 的建议。:)

于 2017-08-09T14:35:26.860 回答
2

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

于 2018-06-29T04:04:45.027 回答