PWA 应用和原生应用的一些区别

举报
Jerry Wang 发表于 2023/02/19 12:43:29 2023/02/19
【摘要】 早在 2015 年,谷歌就启动了 PWA(又名渐进式网络应用程序,progressive web apps)概念。PWA 专注于在移动网络上做出改变和打造用户体验。这种类型的 Web 应用程序提供了具有大量网络功能的类似原生应用程序的体验。处理请求的现代 API 和 Service Worker 是 PWA 的核心。渐进式 Web 应用程序的一些特点如下:能够以受限方式访问硬件将应用程序数据...

早在 2015 年,谷歌就启动了 PWA(又名渐进式网络应用程序,progressive web apps)概念。PWA 专注于在移动网络上做出改变和打造用户体验。

这种类型的 Web 应用程序提供了具有大量网络功能的类似原生应用程序的体验。

处理请求的现代 API 和 Service Worker 是 PWA 的核心。

渐进式 Web 应用程序的一些特点如下:

  1. 能够以受限方式访问硬件
  2. 将应用程序数据存储在缓存中
  3. 能够发送推送通知(仅适用于 Android 用户)
  4. 能够在低互联网连接和离线情况下正常工作

PWA 具有适用于所有平台的单一代码库。根据用户的设备,此应用可用作响应式网站或移动应用。PWA 不需要下载,因此许多用户甚至根本感知不到他们正在使用 PWA。

PWA 应用需要满足的三大特性:

  • Reliability: 不管 internet 连接的质量如何,但该应用程序在打开后仍能正常工作。
  • Speed: 用户体验流畅且反应灵敏,没有发现任何滞后现象。
  • Engagement: 渐进式网络应用程序的感觉和性能都像原生应用程序。

PWA 是如何工作的? 核心在于三个组成部分:

  • Service Worker 是在后台运行的脚本,管理缓存中的响应。 它们有助于减少数据流量并保存用户在线创建的信息。

  • Application shell:它代表加载 PWA 用户界面的本地资源。 应用程序外壳处理应用程序的交互和导航。由于这个组件,PWA 可以离线工作并加载由 service worker 缓存的动态内容。

  • Web 应用程序清单(manifest.json)是一个 JSON 文件,用于存储有关应用程序的信息。 它的主要目的是告知应用程序在用户屏幕上的显示方式。

【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息, 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。