Progressive web app理念及发展前景

news/2024/7/23 8:47:49

  前一段时间微信推出微信小程序进行公测,着实火了一把,博得了大众的眼球,不明真相的吃瓜观众们纷纷围观,所谓的“微信小程序”,通俗的讲就是一种不需要下载安装即可使用的应用程序,脱离于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;

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

 

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

 

原文地址:http://www.xuechenlei.com/2017/01/progressive-web-app

转载于:https://www.cnblogs.com/xuechenlei/p/6306749.html


http://www.niftyadmin.cn/n/3746518.html

相关文章

网站页面广告屏蔽监测

烦人的网页广告,讨厌的页面弹窗,想必大家都见过,对于这些乱七八糟的东西,我是最不能忍的,所以每次装浏览器后的第一件事就是安装浏览器插件去广告,基本能屏蔽所有网页广告和弹窗(对于大部分用户&#xff0c…

前端知识树-构建你的知识体系

经常有人问,我想学前端,要从哪里学起,或者有点基础,想学点其他的,要学什么? 两年前我同样带着这样的疑问,搜索了前端知识体系这个关键词,被大神们各种图解和list吓到了,心…

Js方法集

收集一些常用方法,思之补之踩过的坑; 判定浏览器是否为移动端,然后to do something: $(function isMobileBrowser() {var sUserAgent navigator.userAgent.toLowerCase(); var bIsIpad sUserAgent.match(/ipad/i) "ipad"; …

myeclipse+javamail发送邮件邮件内容乱码解决

一、问题背景&#xff1a;使用myeclipsejavax.mail.jar开发邮件接口二、问题描述&#xff1a;收到的邮件内容如下&#xff0c;无发件人无主题内容看似乱码(无主题)发件人&#xff1a; <> (由 XXX163.com.cn 代发)时 间&#xff1a;2015年8月19日(星期三) 晚上7:41---…

清除页面复制限制

很多网站页面上会加上一些操作限制&#xff0c;比如禁用右键&#xff0c;禁用复制等操作&#xff0c;主要是源于文章保护&#xff0c;和引导用户填写信息等&#xff0c;毕竟这是个复制软文时代&#xff0c;原创的很少啊呵呵&#xff0c;但这只是最基础的防范傻白甜小妹妹的&…

django 1.8 官方文档翻译: 6-1-1 Django 的设置

Django 的设置 Django 的设置文件包含你安装的Django 的所有配置。这页文档解释设置是如何工作以及有哪些设置。 基础 设置文件只是一个Python 模块&#xff0c;带有模块级别的变量。 下面是一些示例设置&#xff1a; ALLOWED_HOSTS [www.example.com] DEBUG False DEFAULT_F…

基于jFreeChart生成散点图和折线图

1、导入包 jcommon-1.0.23.jar jfreechart-1.0.19.jar 2、程序执行结果 3、部分源程序 // 源代码在github上&#xff0c;地址&#xff1a;https://github.com/MasonYyp/GenerateGraphic/tree/master/ public class OverlaidDrawLineScatter extends ApplicationFrame …

btrfs文件系统应用简介

一、Btrfs文件系统介绍 Btrfs&#xff08;Butter FS&#xff09;&#xff0c;由Oracle于2007年宣布并进行中的COW(copy-on-write式)文件系统。目标是取代Linux目前的ext3文件系统&#xff0c;改善ext3的限制&#xff0c;特别是单一文件大小的限制&#xff0c;总文件系统大小…