转载

Progressive Web App:模仿原生应用的Web应用

Progressive Web App 的外观和行为都同原生移动 应用 类似,但它本质上上仍然是Web应用,不需要通过应用商店部署。

Ashteya Biharisingh 是一名混合移动应用开发人员。据她 介绍 :

[Progressive Web App]是一个具有响应式布局的Web应用,可以 离线工作 ,并能够安装到设备的主屏幕上。这里所说的“安装”是指:在主屏幕上添加该Web应用的快捷方式。当用户点击快捷方式时,Web应用会加载到浏览器,并以 全屏模式 打开。

Progressive Web App有许多好处。对用户而言,他们无需在设备上安装应用。与原生/混合应用相比,这大大节省了设备的存储空间。对开发人员而言,他们无需通过应用商店发布应用,版本发布和Bug修复可以更及时。

近日,印度最大的网上商店之一 FlipKart 推出了一个Progressive Web App:FlipKart Lite。Android用户通过浏览器打开该网站时会看到一条“添加到主屏幕”的消息。下次,当用户使用该Web应用时,只要点击主屏幕上的图标,它就会以全屏模式打开,就像一个原生应用。目前,作为一个Progressive Web App,FlipKart Lite仅支持Android设备。如果用户在iOS设备上访问该网站,会被重定向到应用商店。这是因为FlipKart Lite使用 Service Worker 实现了离线功能,而后者仅在Chrome和Opera上得到了 支持 。关于FlipKart的更多信息,可以查看这篇 博文 或者这段 来自2015 Chrome开发者峰会的视频 。

重要通知:接下来InfoQ将会选择性地将部分优秀内容首发在微信公众号中,欢迎关注InfoQ微信公众号第一时间阅读精品内容。

Progressive Web App:模仿原生应用的Web应用

Bruce Lawson 是一名来自Opera的工程师。据他 介绍 ,Opera和Chrome正紧密合作,探索Progressive Web App的最佳实现,但他们的实现之间还是有一些 差别 。在Bruce看来,为了便于此类应用的推广,应该有一种机制可以在用户第一次访问网站时作出提醒,该网站是一个Progressive Web App,而不是 在第二次访问时才提醒用户“安装我们的应用” 。

Nolan Lawson是Progressive Web App Pokedex.org 的创建者。对于FlipKart Lite的出现,他 写到 :

这个应用让我超级兴奋,因为它向我们展示了,仅仅使用Web技术就可以构建一个离线的、60FPS的移动应用。

Bruce认为,Progressive Web App已经准备好迎接它的黄金时代。微软正考虑在其浏览器中添加Service Worker 支持 。而且,他们还遵循 W3C Maifest 创建了 manifold.js ,使开发人员可以开发跨平台和设备的托管应用。iOS也提供了一种创建“ 可主屏化(homescreen-able) ”应用的方式。

感兴趣的读者可以进一步查阅Bruce提供的其他一些相关资源,如 Web Manifest说明 、 Service Worker手册 等。

感谢徐川对本文的审校。

给InfoQ中文站投稿或者参与内容翻译工作,请邮件至editors@cn.infoq.com。也欢迎大家通过新浪微博(@InfoQ,@丁晓昀),微信(微信号: InfoQChina )关注我们,并与我们的编辑和其他读者朋友交流(欢迎加入InfoQ读者交流群 Progressive Web App:模仿原生应用的Web应用 (已满),InfoQ读者交流群(#2) Progressive Web App:模仿原生应用的Web应用 )。

正文到此结束
Loading...