Progressive Web App(PWA)介绍

Progressive Web App(PWA)背景介绍

很多人似乎都认为Web,应用永远不会与本机竞争,移动应用程序的可靠性速度和用户参与,很难建立一个他们的商业案例。

你知道吗?你知道他们曾经是对的,但有两件事情发生了变化。

首先,事实证明,大多数人在购买手机时购买了大部分应用程序,或者不久之后大多数人安装了一些常见应用程序并只用了一天,这使得开发人员难以参与竞争,但人们仍然继续使用网络和 一些新技术,让你可以从中提供客户所需的关键功能。我们称它为渐进式网络应用程序(Progressive Web Apps).

渐进式网络应用程序是采用所有正确组成要素的网络应用程序,这些体验结合了最好的网络和最好的应用程序,它们为用户提供了他们期望从本机应用程序获得的可靠快速和引人入胜的体验,但通过网络传递。

什么是Progressive?

PWA不是API或技术,但它是一种Web开发方法,它使用已有的工具和技术组合来创建有针对性的理想用户体验。

它展示了如何使用服务工作者(service workers,),API和应用程序shell体系结构来实现有意义的离线体验,快速首次加载以及重复访问时轻松重新访问用户。

Progressive Web App一词由Alex Russell和Frances Berriman创造。用Alex的话说:

Progressive Web Apps are just websites that took all the right vitamins.

渐进式网络应用程序是采用所有正确组成要素的网络应用程序。

渐进式Web应用程序是将最佳网络和最佳应用程序相结合的体验。从浏览器选项卡中的第一次访问开始,它们对用户非常有用,无需安装。随着用户逐渐与应用程序建立关系,它变得越来越强大。即使在片状网络上,它也能快速加载,发送相关的推送通知,主屏幕上有一个图标,并作为顶级全屏体验加载。

渐进式Web应用程序是:

  • 渐进式- 适用于每个用户,无论浏览器选择如何,因为它是以渐进增强为核心原则构建的。
  • 自适应- 适合任何形式:桌面设备,移动设备,平板电脑或其他任何设备。
  • 独立连接- 增强服务人员脱机工作或低质量网络。
  • APP样-感觉就像是一个应用程序,因为应用程序壳模型分离的应用程序的功能从应用内容
  • 新鲜- 由于服务工作者更新过程,始终保持最新状态。
  • 安全- 通过HTTPS提供服务以防止窥探并确保内容未被篡改。
  • 可发现- 由于W3C清单服务工作者注册范围,可以识别为“应用程序”,允许搜索引擎找到它。
  • 重新参与 - 通过推送通知等功能轻松实现重新参与。
  • 可安装- 允许用户将他们认为最有用的应用添加到其主屏幕,而无需使用应用商店的麻烦。
  • 可链接- 通过URL轻松共享应用程序,不需要复杂的安装。

为什么我们需要Progressive Web App?

网络应用程序是结合了最好的网络和最好的应用程序的体验。

它们为用户提供了一种可靠的快速和引人入胜的体验,这些体验是他们从原生应用程序中获得的,但是通过网络传递它们是可靠的,

并且它们给予我们更棒的用户体验:

  1. Fast:PWA提供始终如一的快速体验。从用户下载应用程序到他们开始与之交互的那一刻起,一切都发生得非常快。因为您可以缓存数据,即使没有访问网络,也可以非常快速地再次启动应用程序。
  2. Integrated user experience:PWA的感觉和行为就像本机应用程序一样。它们位于用户的主屏幕中,发送推送通知,如本机应用程序,并可访问设备的功能,如本机应用程序。体验感觉无缝集成。
  3. Reliable experience:随着服务人员的帮助下,我们能够可靠地描绘出用户的屏幕上的图片,即使网络出现故障。
  4. ?ngaging:因为我们可以发送通知给用户,才能真正推动参与了由保持用户通知,并与应用程式互动。

这就是FIRE.

原文地址:https://www.cnblogs.com/famine/p/10067953.html

时间: 2025-01-08 09:51:29

Progressive Web App(PWA)介绍的相关文章

PWA(Progressive Web App)入门系列:(一)PWA简单介绍

前言 PWA做为一门Google推出的WEB端的新技术,长处不言而喻.但眼下对于相关方面的知识不是非常丰富.这里我推出一下这方面的新手教程系列.提供PWA方面学习. 什么是PWA PWA全称Progressive Web App,直译是渐进式WEB应用,是 Google 在 2015 年提出,2016年6月才推广的项目.是结合了一系列现代Web技术的组合.在网页应用中实现和原生应用相近的用户体验. 所谓的P(Progressive)这里有两层含义,一方面是渐进增强,让WEB APP的体验和功能能

PWA(Progressive Web App)入门系列:(一)PWA简介

前言 PWA做为一门Google推出的WEB端的新技术,好处不言而喻,但目前对于相关方面的知识不是很丰富,这里我推出一下这方面的入门教程系列,提供PWA方面学习. 什么是PWA PWA全称Progressive Web App,直译是渐进式WEB应用,是 Google 在 2015 年提出,2016年6月才推广的项目.是结合了一系列现代Web技术的组合,在网页应用中实现和原生应用相近的用户体验. 所谓的P(Progressive)这里有两层含义,一方面是渐进增强,让WEB APP的体验和功能能够

说说 PWA 和微信小程序--Progressive Web App

作者:云图图链接:https://zhuanlan.zhihu.com/p/22578965来源:知乎著作权归作者所有.商业转载请联系作者获得授权,非商业转载请注明出处. 利益相关:微信小用户,谷歌小员工 微信发布了微信小程序,虽然还在内测阶段,但是无论从技术上,还是以后要不要开发原生应用(native app)上引发了不少讨论.其实看到微信小程序的消息, 我第一时间想到的是 Google 之前推出的PWA(Progressive Web App),两者的目的是类似的(伪原生应用),但是形式却又

[io PWA] keynote: Launching a Progressive Web App on Google.com

Mainly about Material design (effects / colors / flashy stuff) Components (web components / polymer) Offline / notifications (Service worker / iDB / Firebase) Progressive web app: HTTPS Add to home screen Splash screen service worker notifications, b

你的首个 Progressive Web App

什么是 Progressive Web App? Progressive Web Apps 是: 渐进增强 - 能够让每一位用户使用,无论用户使用什么浏览器,因为它是始终以渐进增强为原则. 响应式用户界面 - 适应任何环境:桌面电脑,智能手机,笔记本电脑,或者其他设备. 不依赖网络连接 - 通过 service workers 可以在离线或者网速极差的环境下工作. 类原生应用 - 有像原生应用般的交互和导航给用户原生应用般的体验,因为它是建立在 app shell model 上的. 持续更新 

Progressive Web App

下一代 Web 应用? 近年来,Web 应用在整个软件与互联网行业承载的责任越来越重,软件复杂度和维护成本越来越高,Web 技术,尤其是 Web 客户端技术,迎来了爆发式的发展. 包括但不限于基于 Node.js 的前端工程化方案:诸如 Webpack.Rollup 这样的打包工具:Babel.PostCSS 这样的转译工具:TypeScript.Elm 这样转译至 JavaScript 的编程语言:React.Angular.Vue 这样面向现代 Web 应用需求的前端框架及其生态,也涌现出了

Progressive Web Apps入门

PC和Mobile开发技术演进 PC方向,从客户端到富客户端,到现在广泛使用的Web. 移动方向,目前主要还是原生应用和Mobile Web,PWA相关技术是未来发展方向. PWA的概念 Progressive Web App (中文翻译为:渐进式Web应用)带来的体验将网络应用的优点与原生应用的优点相结合.用户在浏览器中第一次访问时就能体会到它们的好处,因为不需要进行任何安装.在用户随着时间的推移增进与应用的关系后,其功能会变得越来越强大.它即使在不可靠网络上也能快速加载.能够发送相关推送通知

[译]介绍一下渐进式 Web App(离线) - Part 1

Web开发多年来有了显著的发展.它允许开发人员部署网站或Web应用程序并在数分钟内为全球数百万人服务.只需一个浏览器,用户可以输入URL就可以访问Web应用程序了.随着 Progressive Web Apps的到来,开发人员可以使用现代Web技术向用户提供很好体验的应用程序.在这篇文章中,你会学习到如何构建一个离线的渐进式 web 应用程序(Progressive Web Apps),下面就叫 PWA 啦. 首先介绍一下什么是 PWA 虽然很多文章已经说过了,已经理解的童鞋请跳过这个步骤.PW

移动开发 Native APP、Hybrid APP和Web APP介绍

快速区分定义: Native App 以基于智能手机本地操作系统如IOS.Android.WP并使用原生程式(SDK)编写运行的需要用户安装使用的第三方应用程序; Web APP 以HTML+JS+CSS等WEB技术编程,代码运行在移动端浏览器中,通过该移动端浏览器来调用Device API(取决于HTML5未来的支持能力)的不需要用户安装的应用程序: Hybrid App 同时使用网页语言(Web技术)与程序语言(Java.Objective-C等)开发,通过应用商店区分移动操作系统分发,需要