Progressive Web App(PWA)：模仿原生应用的Web应用

1. https://developers.google.com/web/progressive-web-apps/
2. https://developer.mozilla.org/zh-CN/docs/Web/Progressive_web_apps
3. https://www.zhihu.com/question/46690207
4. 下一代 Web 应用模型 —— Progressive Web App
5. 调试 Progressive Web Apps
6. https://developer.mozilla.org/en-US/docs/Web/Progressive_web_apps
7. Building offline-first Progressive Web Apps How to make PWAs re-engageable using Notifications and Push
8. https://docs.microsoft.com/en-us/microsoft-edge/progressive-web-apps-chromium/get-started
9. 有哪些使用 PWA 的 app ？

今天Google上线了两个新网站，web.dev 和 squoosh.app 。

web.dev其实就是为了宣传和推广PWA的，解释说明了PWA的几个关键技术。

Fast load times：主要是service worker，让前端静态资源离线。

Network resilience：应用的数据也可以离线，不依赖网络照样使用app。

Safe and secure：主要是HTTPS。

Easily discoverable：主要是SSR(Server Side Rrenderying)，搜索引擎友好。

Installable：不管是移动端还是桌面端，都可以安装成类似本地应用。

Accessible to all：各种设备都可以用。

 

而squoosh.app是PWA和WASM技术实际应用的典范！

1. “Web App”发展计划，谷歌与苹果“针锋相对”

PWA适用于快速交互

如果你期望不断重复地使用某款应用，那下载并安装原生应用可能并不会让你觉得有什么麻烦。然而，如果只想使用一次的话，可能没人愿意去体验这种麻烦。因此，在这种情况下，PWA的优势就得以很好地体现出来。

此外，人工智能聊天机器人公司Gupshup首席执行官比鲁德·赛斯（Beerud Sheth）称，PWA还非常适合“短期低投入的体验”。对于这种类型的交互体验而言，原生应用模式就显得“过时”了。

Uber、星巴克和微软必应（Bing）搜索引擎服务都提供了PWA服务，作为在iOS系统、Android系统和其他操作系统上运行的原生应用的替代方案。值得注意的是，当你在Android设备上打开星巴克应用后，系统会提示你在主屏幕页面安装PWA，这在iPhone设备上目前是不被允许的。

1. PWA 在饿了么的实践经验
2. 小程序的老祖宗PWA为什么没有火起来？
3. iOS 终于支持了 PWA，一起来认识一下这个强化版「小程序」 | 科普
4. 我们真的需要网页版App吗？Google PWA的困局

---

PUSH & Notification API

1. https://blogs.windows.com/msedgedev/2018/05/22/get-started-web-push-notifications-tutorial-demo/
2. Web Push Notifications (it's included in above)
3. https://serviceworke.rs/
4. https://developers.google.cn/web/fundamentals/push-notifications
5. https://developer.mozilla.org/en-US/docs/Web/API/Notifications_API
6. https://developer.mozilla.org/en-US/docs/Web/API/Push_API
7. https://notifications.spec.whatwg.org/
8. https://w3c.github.io/push-api/