PWA如何有用而不是开发简单的Web应用程序

时间:2018-09-01 21:44:27

标签: web progressive-web-apps

我知道我很想问一个问题,所以请告诉我而不是对我投票……谢谢

Q1:渐进式Web应用程序如何有用?

Q2:应该使用PWA构建哪种类型的应用程序,是否有任何特定的应用程序包含大量的CPU利用率或与服务器之间的交互很少的简单静态页面?

Q3:什么是应用程序体系结构?一般吗?

3 个答案:

答案 0 :(得分:1)

使用PWA而不是Web应用程序或本机应用程序的原因很多。

A1 :要回答您的第一个问题,可以在互联网上找到一些文章,在这里我建议阅读其中的一些文章:

A2 :您要开发的应用没有任何限制。 (此外,您还应注意缓存等关键内容,它们在本机/ Web应用程序中也相当重要)。

A3 :该体系结构与网络应用程序非常相似,不同之处在于它必须具有一些其他文件:

  1. manifest.json(用于声明应用程序名称,图标等,并且必须将其放置在项目的根目录中)

  2. serviceWorker.js(为您提供了其他功能,如推送通知,后台工作等)

注意:很明显,您的Progressive Web App应该能够响应以支持不同分辨率的移动屏幕。

答案 1 :(得分:1)

PWA不是单个技术或框架,而是Web中的一组功能,可帮助逐步改进您的应用程序。  这意味着,如果您使用的是现代浏览器,则将获得很棒的用户体验,否则这些功能将不被支持,您的应用程序将保持原有功能。

让我们讨论一下我们可以用来增强现有或新的Web应用程序的所有功能。

  • 您可以在网络上带来移动设备应用程序的原生外观 页面。这不是网页的响应能力,但您可以访问 本机功能,例如摄像头,访问地理位置,推送 通知。

  • 通过缓存丢失Internet连接时的脱机功能。

  • 数据的背景同步

  • 主屏幕上的图标,您无需安装应用程序 从应用商店中将其放置在主屏幕上。

关于渐进式Web应用程序,我想总结三件事。

可靠:即使在不确定的条件下,应用程序也会立即加载,并通过缓存提供离线功能。 https://developers.google.com/web/progressive-web-apps/#reliable

快速:根据用户的互动情况尽快做出响应。 https://developers.google.com/web/progressive-web-apps/#fast

参与:感觉就像移动设备上的本机应用。 https://developers.google.com/web/progressive-web-apps/#engaging

答案 2 :(得分:0)

Q1:渐进式Web应用程序(尤其是其中的服务工作者部分)很有用,因为它们可以(a)非常快,并且(b)可以脱机工作。使用服务工作者在用户设备上缓存资源(HTML,JS,CSS)可以在以后访问您的网站时几乎立即获得页面加载时间。此外,即使没有网络连接,这也可以使您的站点可用。渐进式Web应用程序(带有清单文件)也可以安装在设备主屏幕上,使它们易于访问,例如本机应用程序。

我不确定我是否了解第二季度和第三季度,所以我将把这些留给别人回答。