黑基网 首页 学院 编程开发 查看内容

可以替代本地App的渐进式Web应用程序(PWA)简介

2017-8-18 15:18| 投稿: xiaotiger |来自: 互联网

摘要: 前面本号已上传一个视频,介绍微软在渐进式Web应用程序的技术方案,见《微软BuildTour2017:构建渐进式WebApp(Progressive WebApp)》,今天再来谈谈什么是渐进式Web应用程序(Progressive Web App)。什么是渐进式 ...

前面本号已上传一个视频,介绍微软在渐进式Web应用程序的技术方案,见《微软BuildTour2017:构建渐进式WebApp(Progressive WebApp)》,今天再来谈谈什么是渐进式Web应用程序(Progressive Web App)。

什么是渐进式Web应用程序(Progressive Web App)

渐进式Web应用程序是一个Web应用程序,它利用了现代浏览器的功能,可以添加到您的主屏幕,表现就像一个本地应用程序,简称PWA。PWA 其实是一种渐进式的的无需用户安装、可被随时唤起的 Web App , 融合了 Native App 的结构、交互、降级方案等的更优体验技术,使得用户通过浏览器打开网站时,获得有如原生 App 般的顺滑体验。其核心是,一个渐进的网络应用程序与普通网站没有任何区别 : 它由HTML,CSS和JavaScript组成,并且以浏览器为载体与用户进行交互。将PWA与常规网站分开的是需要实现的10个关键概念的列表。这些是直接从Google Developers网站获取的。

利用最新的技术带给用户最好的无线体验。按照官方文档,PWA具有这些特性:可靠(Reliable), 快速(Fast), 参与感(Engaging)。

可靠

瞬间加载,即使在不稳定的网络下也不会显示 downasaur(小恐龙页面),通过预加载缓存关键资源,消除对于网络的依赖,确认用户在无网络或者网络情况较差情况下的即时可靠体验。

快速

快速响应用户互动与柔滑的平滑动画,快速响应并带给用户平滑的动画体验,没有卡顿。

参与感

原生 App 一般的体验,具有沉浸式的用户体验,可以将 Progressive Web App 安装在用户的主频幕上,甚至没有浏览器的头部,给用户提供一种如原生 App 的全屏体验。感觉像设备上的本地应用程序(Native App),具有沉浸式的用户体验。

开发遵循的原则

那么开发渐进式Web应用,应遵循什么原则呢?主要有如下几点:

安全

通过HTTPS服务,以防止窥探,并确保内容未被篡改。

进步

为每个用户工作,无论浏览器的选择,因为它们以渐进增强为核心原则。

响应

适合任何形式:桌面,移动,平板电脑或下一个任何。

与连接无关

增强了service workers离线工作或低质量网络工作。

App-like

感觉像应用程式风格的互动和导览一样的应用程式,因为它们是建立在应用程式外壳模型上的。

更新

由于service workers更新过程,始终保持最新。

可发现

由于W3C清单和service workers注册范围允许搜索引擎找到它们,可识别为“应用程序”。

可重新启用

通过推送通知等功能,简化重新订阅。

可安装

允许用户在主屏幕上“保持”他们发现最有用的应用程序,而不会造成应用商店的麻烦。

可链接

通过URL轻松共享,不需要复杂的安装。

遵循这些准则将确保您的应用程序不仅在浏览器中查看时工作良好,而且还可以通过主屏幕快捷方式单独启动。您可能会发现Google已经选择了令人困惑的措辞,但不用担心,我们将在后面文章中更多地介绍这一技术。

小编推荐:欲学习电脑技术、系统维护、网络管理、编程开发和安全攻防等高端IT技术,请 点击这里 注册黑基账号,公开课频道价值万元IT培训教程免费学,让您少走弯路、事半功倍,好工作升职加薪!

本文出自:http://www.toutiao.com/a6455258228052722190/

免责声明:本文由投稿者转载自互联网,版权归原作者所有,文中所述不代表本站观点,若有侵权或转载等不当之处请联系我们处理,让我们一起为维护良好的互联网秩序而努力!联系方式见网站首页右下角。


鲜花

握手

雷人

路过

鸡蛋

相关阅读

最新评论


新出炉

返回顶部