PWA(Progressive Web App)

PWA(Progressive Web App),第1张

PWA(Progressive Web App)是一种理念,使用多种技术来增强web app的功能,可以让网站的体验变得更好,能够模拟一些原生功能,比如通知推送。在移动端利用标准化框架,让网页应用呈现和原生应用相似的体验

主要技术

web app Manifest

为了让 PWA 应用被添加到主屏幕, 使用 manifest.json 定义应用的名称, 图标等等信息。

manifest.json 文件

Service Worker

在网页已经关闭的情况下还可以运行, 用来实现页面的缓存和离线, 后台通知等等功能

Push Notification

1.开发方面有区别:

(1)原生APP:每一种移动 *** 作系统都需要独立的开发项目,iphone版本、Ipad版本、安卓版本。每种平台都需要独立的开发语言。Java(Android), Objective-C(iOS)等等。需要使用各自的软件开发包,开发工具以及各自的控件。

(2)开发成本高、开发速度慢、维护成本高。三个平台(IOS、安卓、windows)的规则、推广、运营都不相同。官方应用商店对APP上线审核流程比较复杂而且很慢,会严重影响APP的发布上线。

(3)Web App :因为运行在移动设备的浏览器上,所以只需要一个开发项目。可以通过HTML、 CSS或者JavaScript来进行Web APP的开发。开发成本低、开发速度快。

2.功能有区别:

(1)原生App:原生APP是一个系统性的应用程序,可以类比于电脑上的软件。原生app可以调用移动终端的硬件设备, 比如:麦克风、摄像头、短信、GPS、蓝牙、重力感应等。实现功能丰富

(2)Web App:Web APP可以类比于电脑上的网页。Web APP更多是页面展示类的APP。只能使用有限的移动硬件设备功能。更多用于页面展示,侧重于简单的交互,无法使用很多硬件设备独特的功能

PWA(渐进式Web应用程序)是一种使用各种技术来增强Web应用程序功能的理念,它可以使网站体验更好并模拟一些本机功能,例如通知推送、在移动端使用标准化框架,Web应用程序具有与本机应用程序类似的体验。

PWA在本机应用程序方面的经验并非来自于特定技术,而是通过改进新技术。它在安全性、性能方面得到了极大的改进。PWA本质上是一个Web应用程序。 一些新技术还具有Native App的一些功能,这些功能结合了Web App和Native App的优点。pwa的特点有:安全可靠、响应速度快、具有沉浸式的用户体验。此外开发者可以通过pwa checklist查看现有的特征。

:PWA 是可以安装的,用户点击安装到桌面后,会在桌面创建一个 PWA 应用,并且不需要从应用商店下载,PWA可以通过给用户发送离线通知,让用户回流。Web App Manifest允许开发者控制PWA添加到桌面,允许定制桌面图标、URL等


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/10979160.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-12
下一篇 2023-05-12

发表评论

登录后才能评论

评论列表(0条)

保存