• 郑州网站制作-郑州网页制作-郑州做网站-郑州网站设计公司

  • 电话:151-3614-4056 QQ:1044025374
  • www.wwebw.com 收藏本站
当前位置:首页 > 网站建设 > 行业资讯 > 正文

Google联手百度也要出小程序了

发布时间:2017年02月21日 02:24 | 发布者:www.wwebw.com | 浏览次数:643次

Google联手百度也要出小程序了

Google小程序(PWA) 是什么?

       PWA 的全称是 Progressive Web App,是 Google 在2015年提出,今年才推广开来的想法。具体的意思就是在移动端利用提供的标准化框架,在网页应用中实现和原生应用相近的用户体验,渐进式网页应用。

       渐进式网页应用在注重用户体验方面达到了一个新的高度。这类应用既具有本机平台的功能,又能达到网页的覆盖范围,可提供稳定、快捷且引人入胜的体验。欢迎来了解您为何应重视这方面,其他人为在用户主屏幕上争得一席之地又做了些什么。

       渐进式网页应用的主题将包括服务工作线程、推送等,也包括未来的 API,以及付款、凭据管理、网络蓝牙等的可能性。在演示中,我们将俯视一下具有新特性的网页平台,它是如何与本机移动平台相容并相关联的,未来它将如何发展以及如何确保它一直相关。

       总而言之,它说到底还是一个网页应用,只不过通过最新的技术手段实现了某些以前原生应用才有的功能。


PWA 的优势在哪?

       列举一下和传统网页应用相比的优势。

       消息推送:用户只要允许,即使网页关闭后仍然可以在系统通知栏收到推送消息。(自从知道 Facebook 应用为了消息的即时性强制阻止安卓系统进入节电模式后,我就卸载了 Facebook 原生应用改用他们的网页推送了)

       后台加载:往常的网页应用只要关闭了网页他的生命就结束了,现在引入了一个 Service Worker 的概念,即使网页关闭,PWA 仍然可以在后台运行获取数据更新(当然有限制)。

       离线使用:PWA 打开后会缓存一些内容,之后再次访问即使没有网络也可以浏览之前的页面(如同IE时代的离线浏览)。

原生应用界面。在某些情况下 PWA 应用可以隐藏浏览器本身的所有视觉成分,光从UI和UX上看,很容易认为这就是一个原生界面,如下图其实都是PWA而不是原生应用。

       桌面图标。PWA只要配上一个图标,再放快捷方式在桌面上(比如一定时间内第二次访问PWA会自动询问是否添加快捷方式到桌面),就真的和原生系统无异了,打开的速度也很快(当然功能不能很庞大)。

       另一方面,和原生应用比,PWA 又不需要用户安装,只需要浏览器支持 PWA 就可以了。


为什么要推出PWA?

       首先,网页应用在一定程度上受到了浏览器的局限,所能获得的权限,效能都是的很多复杂的功能很难实现,这是更简单的方法就是开发原生应用了。而 PWA 就是一个试图把两者相融合的尝试。如果需求不大,新公司已经没有必要花血本雇佣不同平台的开发人员做原生了,只要一个 PWA 就够了。另外当网页应用发展更好之后,整个移动平台的用户都提升了,对于正在转型移动平台的 Google 来说当然价值非常。

       我个人觉得这是一个很好的尝试,也会推进行业的发展,但是究竟能走多远抱有谨慎乐观的态度(如今微信也加进来应该更乐观了)。

       其次,当你主导的技术在市场上被广泛采用的时候,你在整个行业的话语权都会提高,也有更多的获利机会。

       比如我在广告业务的的技术支持部门工作,有的同事就会去有的广告业务客户那里推销 PWA,同时公司内部也有各种 PWA 的培训和讲座。如果公司没有或者用户没有安装原生应用的话,PWA 拥有比传统网页更好的体验,在计算竞价排名上也有优势(Landing page experience),PWA 就会给客户公司带来更多的用户,而更多的用户也就带来了更多的收入,自然的Google也就获得了更多的广告收入。。



PWA 的发展

       这个概念在行业内发展的挺快,在本文的这个时间点上,基于 Chromium 的浏览器 Chrome 和 Opera 已经完全支持 PWA 了,Firefox 和微软的 Edge 正在开发中,水果公司的 Safari 最近刚刚表达了可能会支持 PWA。从长久的角度看,只要 Google 不断推动一些网站往 PWA 转型,其他的浏览器或者竞争对手也就会自然跟风上船。

       网上已经可以找到大把的 PWA 例子了,这里有不少:https://pwa.rocks/,其中不乏 The Washington Post,Flip Board,AliExpress,Wikipedia,Gmail,Booking 这样的大头。

       里面有个 Air Honer 很有意思,大家可以玩一下(小心有声音别在开会的时候打开。。),The Air Horner,从点开到使用只需要点击一次屏幕(不需要安装),使用体验又非常接近原生应用(UI/UX设计,桌面图标)。


需要注意的是

       PWA与Google 正在推行另一个项目 Android Instant Apps 有所不同。简单来讲,如果说前者是将 web 封装成 app,后者则是将 app 中的某个功能放到网页中,方便用户快速体验 app 中特定的功能。

PWA开发框架-Angular

       Angular 2 是一个完整平台,可以满足开发者社区的各种需求。已经有大量成功的产品团队投资于web、移动web、安装型移动app,甚至有安装型桌面端应用--Angular 2 可以支持所有这些类型的应用。在这一小节,我们将会专注于讨论我们是如何满足 Angular 2  开发过程中的各种需求的,同时还会讨论一些未来即将实现的新特性。

       Angular 团队已在投资开发一些工具和方法,以供大型团队构建横跨桌面设备和移动设备的强大应用。在本次演示中,我们将介绍这些可让您在 Angular 平台上轻松构建渐进式网页应用的新工具。


Google公告

       Google 近日在其博客上宣布,PWA 将会深入集成到 Android 系统中,例如目前各种 PWA 在主屏上只有一个类似于网页快捷方式的图标,而在即将到来的 Chrome 测试版中,PWA 不仅能出现在屏幕主页,也能出现在应用列表以及系统设置中,并能够“接收来自其他应用程序的输入意图” 。


史上最会使用工具的动物

       在微信推出“小程序”后,谷歌也准备这么做了,将在谷歌浏览器Chrome上推出。

谷歌的“小程序”名叫增强型网页应用( Progressive Web Apps,简称 PWAs),是目前正处于测试版的Chrome 57新增的功能。

       它同样无需下载安装,却可以和本地APP一样,放置在桌面上、显示在安卓APP列表中。

而且应用通知不再以Chrome的名义显示,而是直接以本地APP通知的形式出现,简直和本地APP没有太大区别。

       谷歌表示除了Chrome,也将推动其它安卓浏览器支持。