Google版的微信小程序-PWA简介

自从微信发布了公众号小程序,大家对这种免安装的轻量小程序都充满了好奇,但是目前似乎还没看见一个真正可用的小程序。然而,Google在半年前已经推出了一个类似的框架,叫PWA,也就是Progressive Web Apps。它是利用Chrome浏览器提供的一系列基础能力,整合而成的一套技术框架,使得Web应用可以像原生App一样地运行在手机上,这就和微信小程序有点像了,关键是,它已经在一些大型网站上应用了,这样再也不怕体验不到Demo了。

PWA具体有哪些能力呢?

  1. 首先就是快速加载的能力,它使用了一种最新的前端技术叫Service Worker,它可以让开发者控制哪些资源可以缓存在本地,并且在下一次加载时,直接使用本地数据,同时也保证了在线更新的能力。

  2. 可以添加到桌面,它可以为PWA应用创建一个新的独立的桌面图标,如果用户从这个图标进入,会隐藏浏览器的地址栏,让这个PWA应用占满整个屏幕,给用户的体验就是一个独立的APP。

  3. 可以接收Push消息,浏览器在使用Service Worker时会给它开辟一个独立的后台线程,使用这个独立的后台线程就可以与服务器保持稳定的通信,一旦收到消息,可以通过浏览器使用系统通知栏发送一条提醒消息,达到原生App的Push推送能力。如果认为自身的Push推送不可靠,还可以使用GCM(Google Cloud Messaging)来推送消息,不过GCM这套在国内更不靠谱,原因你懂的。

  4. 安全,因为使用Service Worker了,所以整个PWA应用都是建立在HTTPS加密链接之上的,这样更加保证了通信的安全性。

  5. 响应式设计,PWA应用是建立在普通的网页应用之上的,如果你的网页做了响应式设计,那么将它转换成PWA应用时,也具备响应式的能力,可以从容的适配各种屏幕的机型。

  6. 使用本地硬件设备,PWA应用可以直接使用浏览器的权限,因此也可以直接调用摄像头进行拍照录像等,也可以取得如陀螺仪等传感器等信息。

看到这些能力,感觉可以立马将一个普通的Web应用转化成PWA应用,不过在这之前,为什么不体验一下已经替我们吃了螃蟹的应用呢?大家可以用Chrome浏览器体验一下flipboard.com,然后将它添加到桌面快捷方式,再从桌面启动的时候,我真的以为我打开了一个本地App。

来源:给产品经理讲技术,本文观点不代表自营销立场,网址:https://www.zyxiao.com/p/70840

发表评论

电子邮件地址不会被公开。 必填项已用*标注

侵权联系
分享本页
返回顶部