首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >什么是一个进步的网络应用程序的外行术语?

什么是一个进步的网络应用程序的外行术语?
EN

Stack Overflow用户
提问于 2017-11-01 13:23:33
回答 5查看 2.9K关注 0票数 17

我已经做了好几年的开发人员了,但是我不能把我的头脑集中在到底什么是PWA。

例如,如果一个应用程序运行在手机上,那么它就是一个本地应用程序。我可以指着它,告诉人们,“看,这是一个本地应用程序。”

在类似的意义上,什么是PWA?它跑哪去了?我可以指向哪个应用程序并判断它是PWA?

从我在网上读到的东西来看,我觉得PWA是一个拥有现代技术的网站,它为用户提供了“本地应用程序一样”的体验。

我的理解正确吗?

总之,它是一个有本土经验的网站?如果是这样的话,用户如何将一个正常的网站分离成一个PWA?

EN

回答 5

Stack Overflow用户

回答已采纳

发布于 2018-11-16 05:12:10

2015年末,谷歌提出了进步网络应用程序的概念。他们基本上是网络应用程序(网站),但外观和感觉像其他本地移动应用程序。支持渐进式web应用程序的网站可以提供诸如脱机工作、推送通知和设备硬件访问等功能。

渐进式web应用程序的好处:

1.更小更快:进步的网络应用比本地应用要小得多。他们甚至不需要安装。也就是说,他们并没有浪费光盘空间和加载非常快。

2.响应接口:支持PWA的渐进web应用程序能够自动适应每个屏幕大小。它可以是智能手机、平板电脑、台式机或笔记本电脑。

3.不需要更新:大多数移动应用程序都需要定期的每周更新。与普通网站一样,每当用户交互发生时,渐进的web应用程序(PWA)总是加载最新的更新版本,而无需应用程序或Play Store的批准。

4.成本效益:本地移动应用程序需要分别为安卓和iOS设备开发,它们的开发成本非常高。另一方面,进步的网络应用程序有着相同的功能,但只是价格的一小部分。

5. SEO优势:进步网络应用程序可以被搜索引擎发现,并且加载速度非常快。就像其他网站一样,它们的链接也是可共享的。这,换句话说,提供良好的用户体验和结果SEO排名提升。

6.脱机功能:由于服务工作者API的支持,可以在离线或低internet连接中访问。

7.安全性: PWAs是通过HTTPS连接和安全的用户数据在每个交互中交付的。

8.推送通知:在Push通知的支持下,可以轻松地与用户交互,并提供非常棒的用户体验。

9.绕过应用程序商店: PWAs不需要应用程序商店或Google商店支持。它们的更新版本可以直接从web服务器加载,而无需应用程序商店的批准。另一方面,如果需要任何新的更新,本地应用程序需要几天的批准。有被拒绝或被禁止的可能性。

10.零安装:在浏览过程中,进步的web应用程序在手机和平板电脑上有自己的图标,就像移动应用程序一样,但不需要经过冗长而缓慢的app安装过程。

渐进web应用程序的缺点:

1.对系统特性的访问较少:目前,应用程序对本机系统功能的访问比本地应用程序有限。而且,所有的浏览器都不支持它的全部功能,但也许在不久的将来,它将成为新的开发标准。

2.更少安卓的苹果的iOS:进步的网络应用目前最受安卓设备的支持。苹果的iOS只是部分支持。

3.没有审查标准:进步的web应用程序不需要任何适用于应用程序商店的本地应用程序的审查系统。这可能会使这个过程更快,但却缺乏从应用程序商店中获得的推广利益。

进步网络应用检查表:进步网络应用程序的检查表是广泛的。我在这里描述了它的主要几个项目。1. HTTPS 2. Web清单- manifest.json 3.服务工作者4.响应设计5.应用图标6.即使在3G上也是第一次快速加载

Conclusions:为这个进步的网络应用程序提供了巨大的可能性。虽然在不久的将来会有很多的特性和浏览器适应性。但是,市场上已经存在的一切都足以显示出强大的移动性存在。

访问视频博客:https://www.youtube.com/watch?v=NVXP-RzA0Eo

票数 10
EN

Stack Overflow用户

发布于 2017-11-01 13:47:49

PWA是一个具有某些渐进式功能的网站,最显著的是能够脱机加载或在连接不稳定的区域加载、快速加载、显示推送通知以及具有其他本地应用质量。PWA的好处是它们可以在任何浏览器上运行(因为它们是一个正常的网站,如果浏览器不支持PWAs,那么用户就可以获得正常的网站体验),甚至桌面浏览器也是如此。在移动设备上,用户经常会被提示将web应用程序安装到主屏幕上,这几乎是瞬间发生的,而且由于网站已经加载,所以几乎不使用任何数据。这允许比本地应用程序更多的“下载”,从而导致更高的参与度。关于PWA,谷歌有一些关于它们的优秀文章。的另一个简要概述

从技术上讲,PWA是一个有两样东西的网站:一个web应用程序清单文件和一个服务工作者。

清单是一个JSON文件(通常称为manifest.json),其中包含一些关于这个渐进web应用程序的信息。它包含与本地应用程序类似的信息。它有名称,显示在主屏幕上的短名称,图标,方向等。web应用清单可以在任何网站上使用(甚至非PWAs)来给浏览器提供更多的信息,并允许站点在用户的主屏幕上创建快捷方式,但是PWA是必需的。你可以在谷歌开发者的网站上读到更多关于它的信息。

服务工作人员是一个JavaScript文件,浏览器可以安装该文件来执行某些任务。该文件将在站点的后台运行,可以执行诸如缓存资源、拦截网络请求(从缓存中返回数据)、接收推送通知、后台同步等操作。当用户第一次访问您的站点时,这个JS文件将被安装并开始运行。这是一个允许离线功能的文件。你也可以在的网站上读到更多关于服务人员的信息。

票数 5
EN

Stack Overflow用户

发布于 2017-11-01 13:33:15

粗略地说,PWA是一个具有本地感觉的web应用程序,可以安装到用户的主屏幕上,并且可以在Internet连接可用时与服务器进行可选的同步启动和脱机工作。

要被认为是一个进步的Web应用程序,您的应用程序必须是

  • 渐进-为每个用户工作,不管浏览器选择如何,因为它们是以渐进增强为核心原则构建的。
  • Responsive -适合任何形式的因素,桌面,移动,平板电脑,或其他什么是下一步。
  • 连接独立的-增强与服务工作者离线或在低质量的网络上工作。
  • 类似应用程序的--使用app-shell模型来提供应用程序风格的导航和交互。
  • process -由于服务人员的更新过程,一直是最新的。
  • 安全-通过HTTPS服务,以防止窥探和确保内容没有被篡改。
  • Discoverable -由于W3C清单和服务工作者注册范围允许搜索引擎找到它们,它们可以被识别为“应用程序”。
  • Re-engageable -通过推送通知等功能使重新接触变得容易。
  • Installable --允许用户在自己的主屏幕上“保存”他们认为最有用的应用程序,而不受应用商店的困扰。
  • 可链接-很容易通过共享,不需要复杂的安装。
票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/47055893

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档