wordpress - 将 WordPress 网站转换为渐进式 Web 应用程序

Question

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

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

2. 服务工作广泛使用缓存，并且有一个非常好的 在 Dekstop 上调试或取消注册 Service Worker 内部结构的方法 Chrome ;但如果我在移动设备上运行我的应用程序，我将如何删除 服务工作线程缓存？

3. 如果我有一个响应式应用程序(WordPress 网站)并且需要 将其转换为 PWA；我需要重写应用程序吗 手机版的 RestAPI 又来了吗？ (阅读 PWA 的 App Shell)。在 PWA，应用程序外壳与数据分离，但在 CMS 中，例如 WordPress 数据与 UI 并不分离。

我一直在寻找这些答案，但未能找到任何适当的支持。

Answer 1

What is the current support of Service Worker API (Offline Mode) for desktops? I wrote a small app which worked in offline mode for mobile (Android-Chrome) but not for my Desktop (Chrome 42). We need to configure development environment for this so we need to know what will we be needing to test our apps. It doesn't work on IOS-Safari/Chrome even.

Safari 目前不支持 Service Worker，但 it should work in Chrome 42尽管您应该考虑更新您的浏览器。不管怎样，你可以在不同的地方检查当前的技术水平:

• 服务人员:https://platform-status.mozilla.org/#service-worker
• 推送API:https://platform-status.mozilla.org/#push
• 后台同步:https://platform-status.mozilla.org/#background-sync

有关软件的更多信息:

• Service Worker 准备好了吗？ https://jakearchibald.github.io/isserviceworkerready/
• 我可以使用吗？ http://caniuse.com/#feat=serviceworkers

The service work uses caches extensively and there is a very good way to debug or unregistered service worker internals on Dekstop Chrome; but if I run my application on Mobile how would I remove service worker cache?

您需要debug Chrome for Android from Desktop Chrome .

无论如何，尽管没有简单的方法来清除离线缓存，但 URL chrome://serviceworkers-internals 在 Android 版 Chrome 上可用。

If I have a responsive application (A WordPress site) and need to convert it into PWA; would I need to rewrite the application with RestAPI for mobile version all again? (Read App Shell of PWA). In PWA, application shell is separate from data however in CMS like WordPress data is not separate from the 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 上跟踪它们并根据需要做出贡献!