我们可以分配一个响应性网站来充当渐进式Web应用程序吗?

时间:2019-02-27 06:59:02

标签: node.js progressive-web-apps

如果我们有一个后端具有HTML,Css和Nodejs的响应式网站,我们能否使其像PWA应用程序一样工作? -我知道Service-worker会区别文件,但我想知道这是确切的区别吗?

2 个答案:

答案 0 :(得分:1)

这是PWA(Progressive Web Application) and RWD(Responsive Web Design)之间的区别:

PWA

  

用户可以通过任何浏览器在受支持的网站上访问网站   浏览器(Chrome,Firefox,Safari,甚至是Edge!),它询问用户是否   他们想将Web应用程序安装到主屏幕。这使用户   下载网站并将其存储在其设备上(然后获取   已在后台更新Service Workers。)

RWD

  

响应式网页设计(RWD)基本上是指   设计一个可以使用任何技术访问的网站   用于建立网站。 RWD允许网站完全正常运行   (并且外观不错),无论用户身前的屏幕尺寸如何   他们。自2001年奥迪发布第一款汽车以来,   记录的响应站点。

因此,PWA和RWD并不是创建网站的两种独立方法—实际上,PWA几乎肯定会利用RWD。

以下是一些提示:

最佳解决方案是为您的特定站点选择最佳解决方案。如果您希望最大限度地利用这些类似于应用程序的功能(例如轻松访问主屏幕应用程序,脱机使用以及高质量的全屏功能),则可能需要选择PWA。

如果您希望最大程度地提高大多数用户的网站速度和可访问性,则RWD可能是更好的选择。

答案 1 :(得分:0)

如果您要问是否可以在没有服务人员的情况下创建PWA,那么我认为您可以这样做,因为它(服务人员)和manifest.json文件都需要将应用程序保存到主屏幕。

来自google documentation

  

为了使用户能够安装您的Progressive Web App,它需要满足以下条件:

     
      
  • 该网络应用尚未安装。

         
        
    • 和preferred_related_applications不正确。
    •   
  •   
  • 满足用户参与启发式的需求(当前,用户与域进行互动至少30秒)

  •   
  • 包含一个Web应用程序清单,其中包括:

         
        
    • 简称或名称
    •   
    • 图标必须包含192px和512px大小的图标
    •   
    • start_url
    •   
    • 显示必须是全屏,独立或最小用户界面之一
    •   
  •   
  • 通过HTTPS服务(服务工作者必需)
  •   
  • 已使用获取事件处理程序注册了服务工作者
  •