• 前端分享学习博客,探究前端相关技术,推动天朝前端发展,有任何问题都可以留言一起探究
  • 由于站内自链接问题,部分pre中的代码首字母使用大写以过滤筛选
  • 欢迎友链互换,还有,如果有大神请不要黑我的站点(o´・ェ・`o)
  • 如果你觉得博客还不错,请Ctrl+D收藏( *︾▽︾)

Progressive web app理念及发展前景

前一段时间微信推出微信小程序进行公测,着实火了一把,博得了大众的眼球,不明真相的吃瓜观众们纷纷围观,所谓的“微信小程序”,通俗的讲就是一种不需要下载安装即可使用的应用程序,脱离于app商店依托于浏览器运行,实现与传统app非常接近的功能,优点这里就不累述了;各路英豪纷纷跟进表示要进行微信小程序开发,各种蹭热度,对于其发展前景,大神们的分析见解也很多;

刚看到微信小程序推出的时候,看到相关的描述,我的第一印象就是,这不就是google的pwa(Progressive web app)设计理念吗,不清楚pwa的童鞋看下图直观的感受下:

Progressive web app理念及发展前景

关于pwa,说起来话长,也不得不提"Skynet":Google(插句题外话,个人反对过度依赖使用AI,如果有一天人类灭亡于AI,始作俑者一定是Google),2015年,工程师Frances Berriman和Google Chrome工程师Alex Russell创造了“Progressive Web Apps”这一术语来描述新一代浏览器支持的web应用,给予其的理念和定义也非常的鲜明,一种在网络上提供神奇用户体验的新方式,pwa有着以下的特点:

  • 可访问性 – 通过新APIservice-workers(相当于一个本地的proxy,采用JavaScript控制关联的页面或者网站,拦截并修改访问和资源请求),使得的app能够在各种网络环境下使用,包括网络差和断网条件下,不会显示undefind;

  • 快速 – 其本质是一个网页,没有原生app的各种启动条件,快速响应用户指令;

  • 可安装性 – 可以将app的快捷方式放置到桌面上,全屏运行,与原生app无异;

  • App Shell – 也就是app外壳,也就是download app外壳在设备上,等异步数据来了再填充;

  • 消息推送 – 也就是推送消息的能力,在pwa被关闭的时候,其实是保留有后台进程的,可以接收发送来的通知,不过默认使用的是GCM(Google cloud-messaging),大天朝就…

Progressive web app理念及发展前景

其官方也给出了一个小引导教程,详情请戳:your-first-pwapp;只需要安装一个本地服务器就可以跑起来,我用的是iis(WIN7),对于阐述pwa很有代表性,有兴趣的小伙伴可尝试下,运行实例:

Progressive web app理念及发展前景

更多的线上实例可以看这里:https://pwa.rocks

其实全局来看,pwa里提到的新特性,也不算是非常超前的概念,比如速度和app shell在其他的技术方面也有类似的设计实现理念,就算是其中比较新的service-workers也面临着浏览器支持这一难题,当然,google作为一个全球级别的公司,在新技术研发和推广方面有着绝对的优势,我也相信pwa这一类新理念会慢慢普及被广大厂商、开发者、用户接受并使用,大角度上说pwa的推广是必须的,很多新通道的开辟往往都是这样开始的;

再回到开头提的微信小程序,我敢说绝对受到过google pwa理念的影响,但由于众所周知的原因,中国与世界强大的新知识发源地联系被一定程度的隔绝(it:facebook、twitter、google…),在知识传播、应用传播等方面有了障碍,中国内地只能自己玩,形成自己独特的生态圈(讽刺的是因为人数的原因往往能搞成规模世界规模第一exm?),微信不吹不黑,一个app,依靠用户优势和粘度,竟然形成了这样一个生态圈(包括之前的公众号开发)Progressive web app理念及发展前景,感觉apple在这方面能力应该是最强的,第一apple是全球通,第二apple有从OS、DEV、app、各种硬件(虽然google也有)一系列的产品支持,你系统不支持,我ios自己搞,你浏览器不支持?我safari自己搞,app商店等各种推广,其他厂商慢慢也会跟进,我深深的相信flash的死亡跟apple表示不支持flash有直接关系,这也是我对微信小程序抱怀疑态度的原因,个人观点;

如上所述,google在中国的技术推广挺痛苦的(只要跟google服务有关的),google pwa在中国推广也有着诸多的困难:

  • 中国apple用户众多,而现在apple不支持pwa;

  • Chrome在中国桌面版占有率还是不错的,移动端上的占有率却很低;

  • 各大厂商还未明确支持pwa,更不要说中国混乱的各种开发标准了;

  • 依赖的GCM服务在中国被呵呵Progressive web app理念及发展前景

  • As of 2016, Progressive Web Apps are implemented in the Chrome browser, but more browsers may support the features needed in the future; -WIKI;

  • 如上所述如微信等其他组织慢慢抢占这样的市场技术份额,当然从推广层面来说这是好事;

山重水复疑无路,柳暗花明又一村,撇开固有的偏见,新技术的创新、推广无论是从哪里做起,对于广大用户来说都是带有便利性的,我们是抱着欢迎的态度的,世界大同,任重道远;

还有一些疑问,不清楚的东西不写,以后慢慢更吧,文中有错误欢迎指正;

资料参考:

    https://developers.google.com/web/progressive-web-apps/

    https://developers.google.com/web/fundamentals/getting-started/primers/service-workers

    https://en.wikipedia.org/wiki/Progressive_web_app

    https://codelabs.developers.google.com/codelabs/your-first-pwapp

    http://digiday.com/platforms/wtf-progressive-web-apps/


薛陈磊的博客 , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权 , 转载请注明Progressive web app理念及发展前景
喜欢 (8)
[905044086@qq.com]
分享 (0)
作者薛陈磊
关于作者:
非著名前端工程师,关注Html5、Css3、Javascript、Node.js和各种前端框架发展,学习管理技巧和团队建设方法,期待遇到更多前端小伙伴一起学习进步;
说点什么...
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(5)个小伙伴在吐槽
  1. 不错啊,网站更新内容如此有前瞻性啊
    不套路网赚2017-02-01 15:20 回复 Windows 7 | Chrome 50.0.2661.102
  2. 进来转转,博主新年快乐。
    Feeey个人博客2017-01-28 06:08 回复 Windows 7 | Internet Explorer 9.0
    • 谢谢新年快乐
      薛 陈磊2017-01-29 15:58 回复 Windows 7 | Chrome 54.0.2840.6
  3. 博客不错哟~会经常来逛逛的。
    Feeey2017-01-23 10:33 回复 Windows 7 | Internet Explorer 9.0
  4. 嗨、博主你好,我是Feeey 我又来咯,你的博客真棒,做友链吗? 我网站名称:Feeey个人博客 http://www.feeey.com 如果交换友链挂上我的链给我留言吧。
    Feeey2017-01-21 09:06 回复 Windows 7 | Internet Explorer 9.0