一篇关于 Progressive Web App 很好的入门文章

[Livid]

Progressive Web App 是 Google 在 Web 平台开始推广的一个新概念，可以理解为是尽可能借助目前的新技术（比如 Service Worker ， Push Notification 及其他展现层的新技术），让 Web App 的体验无限接近 Native App 。

https://addyosmani.com/blog/getting-started-with-progressive-web-apps/

[HFcbyqP0iVO5KM05]

PWApp 相对于 Native App 的特点： progressive, discoverable, linkable
PWApp 相对于一般 web app 的特点： app-like(style), re-engageable, installable

我想知道 web app 怎么实现消息推送的。在 b-s 模式中，不是只有先 request 才有 response 吗？有谁能给个搜索关键字吗？看楼主的那篇文章，似乎是需要调用浏览器接口。

[HFcbyqP0iVO5KM05]

还没说完手抖发送了。
消息推送的 API 目前只有谷歌浏览器有，火狐在开发， Edge 在考虑， Safri 目前没有表态。
那网页游戏似乎是有推送的？那个是怎么实现的呢？

一只 web 开发的新鸟。

[noli]

@gulu 有了 websocket 和浏览器内核支持， web 就可以从传统的 b/s 模式中蜕化。

[jsq2627]

@gulu 轮询、长轮询、 Server-side event 、 WebSocket

[HFcbyqP0iVO5KM05]

@noli 谢谢，根据你的提示稍微了解了一下 websocket ，原来实现方法就是换协议，果然粗暴， 23333

[wenbinwu]

跟 mozilla 不做了的 firefox os 里的 app 概念差不多

[aaronzheng]

Google Chrome 团队今年在今年六月底将要在荷兰阿姆斯特丹举办 PWA 开发者高峰会议， PWA - Progressive Web App 就是“仿原生应用的 Web 应用” — 可以简单理解为我们都较为熟悉的的 HTML5 应用。 PWA 可以离线运行，还可以添加到手机主屏幕，并且点击之后会以全屏方式运行，体验跟原生应用非常相似。

印度最大的网上商店 FlipKart 就使用 PWA 推出了 Flipkart Lite ，提升了手机版的用户的体验，介绍视频在这里 <amp-youtube data-videoid="MxTaDhwJDLg" layout="responsive" width="480" height="270"></amp-youtube>

广州 GDG 路过。

[bdbai]

@gulu Edge 那边好像已经做出来了，跟 Win10 通知中心结合展现的。

[Tierney]

@gulu Safari 在五年计划里提了一嘴……上周参加北京 GDG 的 I/O Redux 时候听分享时还专门说过这个 Session

[jswh]

@jsq2627 加个 http2 的 server push

[hantsy]

Google Developers 的介绍很详细。。。 Angular 2 的官方 Mobile 支持基于 PWA 概念。

[hantsy]

@aaronzheng 看了 Google Developers 的介绍， 主要比之前自己对 HTML 5 理解加入一些必要的东西，比如 metadata 描述文件， Service Worker, 本地缓存处理，还有 installable （ Chrome on Android 上支持）等。

[hantsy]

@gulu 通知可以在 APP 启动 时启用一个客户端 Service Worker ，相当一个单独的线程在客户跑。

[vjnjc]

原来 v 站还有 pwa 的帖子，高级。
顺便贴个[高级 demo]( https://www.washingtonpost.com/pwa/)
看起来 pwa 强依赖于 service worker ，而目前 Safari 不支持，使得不是那么实用。