什么是PWA?

PWA全称是Progressive Web App,翻译过来即“渐进式Web应用程序”,我更愿意叫渐进式增强web app,是google在2015年提出,16年6月开始推广的项目。PWA的目的是使web应用通过渐进增强的方式来更接近原生app的体验及功能。

PWA有哪些特点?

1.添加到手机主屏

用户首次用浏览器浏览网站,会提示添加应用到主屏幕,你的手机屏幕上就会出现一个应用图标,这就跟app一样,有app图标和标题,外形上无差别。并且无须在应用商店下载,也不用更新,通过后台可实时更新变更内容。通过图标启动可看设置启动画面。

2.推送通知

即使浏览器未打开Magento 2网站上的任何页面,通知也会发送给客户,就像其他app推送通知一样

3.在离线模式下仍然可以访问

用户在没有网络的情况下,只要是以前浏览过的页面在离线状态下仍可浏览

4.速度秒开

pwa会将已经浏览过的页面缓存到用户手机本地(当然这个是可以设置缓存的具体页面),这样就享受火箭般的速度。

以上4点其实就是原生app所具备的有点,而pwa具备了web应用和原生app的有点,不仅有原生app应用的良好用户体验,还具有web应用的搜索引擎友好性。一句话,既能像app一样用又能在搜索引擎上排名。

复制一下网络上的:

大家都知道Native app体验确实很好,下载到手机上之后入口也方便。它也有一些缺点:

  • 开发成本高(ios和安卓)
  • 软件上线需要审核
  • 版本更新需要将新版本上传到不同的应用商店
  • 想使用一个app就必须去下载才能使用,即使是偶尔需要使用一下下

而web网页开发成本低,网站更新时上传最新的资源到服务器即可,用手机带的浏览器打开就可以使用。但是出了体验上比Native app还是差一些,还有一些明显的缺点

  • 手机桌面入口不够便捷,想要进入一个页面必须要记住它的url或者加入书签
  • 没网络就没响应,不具备离线能力
  • 不像APP一样能进行消息推送

复制粘贴结束。

最后说明几点,

1.PWA还是web应用程序,基于浏览器。

2.以上说的pwa特点目前能够完全在安卓手机上使用,而ios目前不支持添加到主屏和消息推送功能。但我相信在强大的压力下,ios也不得不进行妥协。

3.Magento与google合作,计划在magento2.2.4版本加入pwa,这是一个设置接口插件。

如果想要网站页面能有更好的用户体验还是在于设计与编程。响应式流行了几年,但界面的友好性不如app,如果你想做一款如APP界面体验的移动端PWA网站,请联系我们